50 Projects in 50 Days is a front-end learning repository containing more than 50 small projects built with HTML, CSS, and vanilla JavaScript. Each exercise focuses on a specific interface pattern or browser programming concept that can be completed in a relatively small codebase. Projects include expanding cards, animated navigation, progress indicators, search widgets, scroll effects, quizzes, timers, todo lists, and games. Every project is stored separately so learners can explore or recreate individual examples without a large framework. Live demos make it easy to compare an implementation with its intended result. The collection accompanies a Traversy Media course but can also be used independently for daily practice. It is especially useful for strengthening DOM manipulation, CSS animation, responsive design, and core JavaScript skills.
Features
- More than 50 standalone web projects
- HTML, CSS, and vanilla JavaScript
- Interactive UI component exercises
- Animations and DOM manipulation practice
- Individual live demos
- Beginner-friendly daily project format