50projects50days: Build 50 Mini Web Projects with HTML, CSS, and JS
This repository profile is provided by osrepos.com, an open source repository discovery platform.
Summary
50projects50days is an exceptional GitHub repository offering over 50 mini web projects designed to enhance your HTML, CSS, and JavaScript skills. This collection provides hands-on experience, making it perfect for beginners and those looking to solidify their front-end development knowledge. Each project comes with a live demo, allowing users to see the final result before diving into the code.
Repository Information
Topics
Click on any tag to explore related repositories
Use at your own risk
OSRepos shares public repositories for knowledge and discovery only. Any installation, execution, configuration, or use of code from these repositories is the user's own responsibility. Always review the repository, source code, dependencies, licenses, and security implications before running or installing anything. OSRepos is not responsible for issues, damages, or losses resulting from third-party repositories.
Introduction
The 50projects50days repository by Brad Traversy is an outstanding resource for anyone looking to master front-end web development through practical application. With over 50 mini web projects, this collection focuses on building skills in HTML, CSS, and JavaScript. Boasting over 40,000 stars and nearly 10,000 forks, it's a highly popular and trusted resource in the developer community. Whether you're a beginner or an experienced developer seeking to refresh your fundamentals, this repository offers a structured and engaging way to learn by doing.
Installation
To get started with the projects in 50projects50days, you simply need to clone the repository to your local machine.
git clone https://github.com/bradtraversy/50projects50days.git
cd 50projects50days
Each project is contained within its own folder. Navigate into any project folder to explore its code and open the index.html file in your browser to see the live result.
Examples
The repository features a diverse range of projects, each demonstrating different concepts and techniques in web development. Here are a few examples that showcase the variety you'll find:
- Expanding Cards: A simple yet engaging UI element that expands on click.
- Movie App: An application that fetches and displays movie data, often using an API.
- Pokedex: A classic project for learning API interactions and data display.
- Todo List: A fundamental application for understanding state management and user interaction.
Each project is self-contained, allowing you to focus on specific concepts without getting overwhelmed.
Why Use 50projects50days?
This repository is an invaluable resource for several reasons:
- Hands-on Learning: The best way to learn is by doing. These projects provide practical experience with core web technologies.
- Portfolio Building: Each completed project can be a valuable addition to your front-end development portfolio.
- Skill Reinforcement: Solidify your understanding of HTML, CSS, and JavaScript concepts through repeated application in different contexts.
- Variety of Concepts: From UI animations to API integrations, the projects cover a broad spectrum of front-end techniques.
- Expert Guidance: Created by Brad Traversy, a renowned instructor, the projects are well-structured and designed for effective learning.
Links
- GitHub Repository: https://github.com/bradtraversy/50projects50days
- Official Course Link: https://www.traversymedia.com/50-Projects-In-50-Days
- Live Demos (Main Page): https://50projects50days.com/
Related repositories
Similar repositories that may be relevant next.
HomeHub: Your Private, Self-Hosted Family Utility Dashboard
May 8, 2026
HomeHub is a private, lightweight, and self-hosted web application designed to be your family's all-in-one dashboard. It transforms any computer, even a Raspberry Pi, into a central hub for managing daily household activities, offering features like shared notes, shopping lists, and expense tracking. With no login required and a focus on privacy, all your data remains on your local network, ensuring no cloud dependency or tracking.
Osaurus: Redirecting to the New Home of the AI Project
March 7, 2026
The `dinoki-ai/osaurus` GitHub repository serves as a crucial redirect, guiding users to the official and actively maintained Osaurus project. All future development, issue tracking, and releases for Osaurus are now hosted at `osaurus-ai/osaurus`. This ensures that users can easily find the latest version and contribute to the project.
reubah: A Web-Based Universal File Converter and Image Processor
March 4, 2026
reubah is an intuitive web-based tool designed for efficient image processing and document conversion. It offers a simple interface to handle a wide array of file formats, providing features like dark mode and batch processing. This versatile application ensures isolated processing and immediate delivery without storing user files.
htmx: High Power Tools for HTML for Modern Web Interfaces
December 1, 2025
htmx is a lightweight, dependency-free JavaScript library that extends HTML with powerful capabilities for building modern user interfaces. It allows developers to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML using attributes, simplifying web development by completing HTML as a hypertext.
Source repository
Open the original repository on GitHub.