🚀 100 JavaScript Projects for Beginners to Intermediate Developers

Welcome to the 100 JavaScript Projects repository — your ultimate resource for mastering JavaScript through hands-on, real-world projects.

This carefully curated collection is your go-to resource for sharpening frontend development skills using HTML, CSS, and vanilla JavaScript—no frameworks involved. Whether you're just starting out or aiming to become a proficient frontend developer, this repository offers the perfect hands-on environment to build projects, learn core concepts, and grow with confidence.

---

📚 About This Repository

Inside this repository, you’ll find:

✅ 100+ unique JavaScript projects, organized by difficulty
✅ Clean, well-documented source code for every project
✅ A focus on modern JavaScript practices (ES6+)
✅ Real-world application logic to prepare you for job-ready coding

Projects cover a wide range of use cases and concepts, including:

• 🖼️ DOM Manipulation
• 🎯 Event Handling
• 🌐 API Fetch & Integration
• 🧠 Data Structures & Algorithms
• 💾 Browser Storage (LocalStorage, SessionStorage)
• ⏱️ Asynchronous JavaScript (Async/Await, Promises)
• ...and much more!

Each project has its own directory with a dedicated README.md, complete source code, and index.html to run in your browser.

---

💡 Why You Should Build JavaScript Projects

Building projects is the most effective way to learn JavaScript. Here's why:

• ✅ Helps you build a job-ready portfolio
• ✅ Boosts problem-solving and debugging skills
• ✅ Improves your coding confidence by solving real-world problems
• ✅ Reinforces core JavaScript concepts through practical application

---

🛠️ How to Use This Repository

Follow these steps to get started:

Step 1: Clone the repository

git clone https://github.com/Vaibhav-kesarwani/100-javascript-projects.git

Step 2: Navigate into the directory

cd 100-javascript-projects

Step 3: Open any project folder

cd 01-todo-list/

Step 4: Run the project

Open index.html in your browser

You can also explore and deploy the live version from the official website.

---

📝 Project Preview

#	Project Name	View Code
01	To-Do List App	GitHub
02	Simple Calculator	GitHub
03	Digital Clock	GitHub
04	Tip Calculator	GitHub
05	Temperature Converter	GitHub
06	Random Quote Generator	GitHub
...	...	View All Projects »

---

🧰 Tech Stack

These projects are built using the following technologies:

• 🟨 JavaScript (ES6+) – Core language used in all projects
• 🟦 HTML5 – Semantic structure for each project
• 🎨 CSS3 – Styling using custom and minimal CSS
• 🌐 APIs – Integrated in several projects for dynamic content

---

🤝 Contributing

Have a cool idea or want to improve an existing project? Contributions are welcome! Here's how to get involved:

Step 1: Fork the repository

Step 2: Create a feature branch

git checkout -b feature/your-feature-name

Step 3: Commit your changes

git commit -m "Add new feature or fix"

Step 4: Push to your branch

git push origin feature/your-feature-name

Step 5: Open a Pull Request

Please follow the Code of Conduct Guidelines for a smooth review process.

---

📄 License

This project is licensed under the MIT License.
Feel free to use, modify, and share it. See the LICENSE file for details.

---

📢 Contact

If you have any suggestions, questions, or feedback, feel free to reach out:

• 📬 Email: [email protected]
• 💼 GitHub: @Vaibhav-kesarwani
• 🔥 Portfolio: vaibhav kesarwani

---

🌟 Support & Share

If you find this repository helpful:

• ⭐ Star it on GitHub
• 🍴 Fork it to build your own version
• 📣 Share it with your developer friends and communities!

---

🚀 Start Building Today!

Level up your skills by building—because the best way to learn JavaScript is by getting your hands dirty. Dive into the code, experiment freely, and create something awesome along the way!