50+ Mini Web Projects in HTML, CSS, JS

If you're learning web development, the best way to improve is by building small, hands-on projects.
This awesome collection - 50+ Projects in 50 Days by Brad Traversy - helps you practice HTML, CSS, and JavaScript through real examples.

What’s Inside?​

Each mini project focuses on a specific concept or interaction - from UI animations and form validation to API calls and creative CSS effects.
You’ll find projects like:

• Expanding cards
• Progress steps
• Rotating navigation
• Hidden search widgets
• Sound boards
• Scroll animations
• And many more

Technologies Used​

All projects are built with:

• HTML5 for structure
• CSS3 for styling and transitions
• JavaScript (ES6) for interactivity

These projects require no frameworks - only pure vanilla code, making them ideal for beginners to understand the fundamentals.

Why You Should Try It​

Strengthen your front-end coding skills
Learn how HTML, CSS, and JS work together
Gain real-world experience through hands-on challenges
Build an impressive portfolio for job applications or freelancing

Explore the Repository​

Access all projects here:
https://github.com/bradtraversy/50projects50days
Clone the repo, open a project folder, and start coding!