Welcome to the Calculator-YouTube-Tutorial repository! This project accompanies a comprehensive YouTube tutorial led by Ali Sadeghi from the CS Internship program, where you'll learn to create a Windows 10-style calculator using HTML and CSS.
This step-by-step tutorial walks through essential concepts, including planning, design thinking, and problem-solving, making it perfect for anyone starting out in web development or completing the CS Internship Step 1 calculator project.
| Commit Link | Timestamp on YouTube Video | Description |
|---|---|---|
| Part 1: Building Project Structure | 0:00 | Setting up the project structure. |
| Part 2: Buttons, Memory Buttons & Hover Effects | 55:22 | Enhancing button designs, adding memory buttons and hover effects. |
| Part 3: Fine-Tuning Colors & Layout | 1:11:23 | Adjusting colors and layout for a polished look. |
| Part 4: Adding Custom Icons | 1:28:45 | Integrating custom icons to improve aesthetics. |
| Part 5: Advanced Active Button Effect | 1:51:18 | Implementing advanced active button effects for better interactivity. |
For a complete walkthrough of building this project, check out the YouTube video.
- CS Internship Step 1 Documentation: Basic Layout & Intro to JS
If you encounter any challenges while building this project, please reach out to your technical mentors or refer to the CS Internship resources. Happy coding!