Repository files navigation

Welcome to the repository for 100+ mini web projects using HTML, CSS, andJavaScript. This collection serves as a comprehensive resource for developers ofall levels to practice their skills, explore new techniques, and get inspired bya wide range of web projects. Consider this as the ideal companion if you wantto embark on the 100 Days of Code journey and challenge yourself.

View the full collection on CodePen

Explore each project individually and view live demos to see them in action:

Check out ourcollection of articles forthose beginning their web development journey. Find tips, tricks, andmotivational content to keep you engaged and motivated throughout your learningprocess.

We want to hear from you! Help us tailor our content to better meet your needsby participating in our brief survey. Your feedback is invaluable in guiding usto create the most relevant and useful resources for developers and freelancers.Take the survey here.

To get started with these projects, follow these simple steps:

1. Fork the Repository: Click on the "Fork" button at the top-right cornerof this page to create a copy of the repository in your GitHub account.

2. Clone the Repository: Clone the forked repository to your local machineusing the following command in your terminal:

   git clone https://github.com/Your-Username/html-css-javascript-projects.git

3. Open with VS Code: Open the cloned repository inVisual Studio Code (VS Code) or yourpreferred code editor.

4. Install Live Server Extension: If you haven't already, install the LiveServer extension for VS Code. This extension allows you to launch a localdevelopment server and automatically refresh your browser whenever you makechanges to your HTML, CSS, or JavaScript files. You can install it from theVS Code Marketplace.

5. Start Coding: Start exploring the projects, make changes, experiment withdifferent ideas, and unleash your creativity! Use Live Server to preview yourchanges in real-time and see how they affect the project.

This repository is mostly based on two courses by Brad Traversy (2020):

• 50 Projects In 50 Days - HTML, CSS & JavaScript
• 20 Web Projects With Vanilla JavaScript

In addition, other projects are adapted from various YouTube channels:

• Brad Traversy -Traversy Media
• Shaun Pelling -The Net Ninja
• Simo Edwin -Dev Ed
• Gary Simon -DesignCourse
• Kyle Cook -Web Dev Simplified
• Kevin Powell
• Florin Pop

If you find these projects helpful or interesting, please consider starring therepository. It's a simple gesture that helps to boost the visibility of theproject and show appreciation for the effort put into creating it. Additionally,if you'd like to support my work further, you canbecome a sponsor. Your support isgreatly appreciated. Thank you!