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
Ship Agents Faster Icon
Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
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

3 hours ago