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

Project Samples

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow 50 Projects in 50 Days

50 Projects in 50 Days Web Site

Other Useful Business Software
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of 50 Projects in 50 Days!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Libraries

Registered

8 hours ago