The “50 Projects in 50 Days – HTML/CSS and JavaScript” challenge is a popular hands-on coding series often used by developers to sharpen their frontend skills. It focuses on building small, creative, and functional web components using HTML, CSS, and JavaScript—one per day. It’s inspired by Brad Traversy’s and Florin Pop’s popular project-based learning resources.
- Daily Projects: A new project every day for 50 days.
- Practical Learning: Build projects from scratch and learn by doing.
- Modern Web Techniques: Use CSS properties, JavaScript ES6+, and best practices.
📌 Level 1: Beginner (CSS + Basic DOM)
| 1. Color Flipper – Random hex/rgb colors | Live Demo Link |
| 2. Counter App – Increment/decrement buttons | Live Demo Link |
| 3. Modal Popup – Open/close with JS | Live Demo Link |
| 4. FAQ Accordion – Collapsible Q&A sections | Live Demo Link |
| 5. Navigation Toggle – Hamburger menu | Live Demo Link |
