Welcome to the 100 JavaScript Projects repository!
This curated collection is designed specifically for beginner to intermediate JavaScript developers eager to enhance their skills through hands-on projects. Whether you're just embarking on your JavaScript journey or aiming to deepen your expertise, this repository offers a diverse array of real-world projects to challenge and inspire you.
Explore, build, and master JavaScript with practical, engaging projects that cover various aspects of development. Each project is crafted to help you understand and apply fundamental concepts while pushing the boundaries of your coding capabilities.
Start building today and take your JavaScript skills to the next level!
Inside this repository, you'll find 100 unique JavaScript projects ranging from beginner-friendly exercises to more complex, real-world applications. Each project is thoughtfully crafted to focus on different aspects of JavaScript, helping you become proficient in:
- 🖼️ DOM Manipulation
- 🌟 ES6+ Features
- 🔗 API Integration
- 🧩 Data Structures & Algorithms
- 🎯 Event Handling
- ⏳ Asynchronous JavaScript (Promises, Async/Await)
- 💾 Browser Storage (LocalStorage, SessionStorage)
- ...and so much more!
Each project targets a specific JavaScript concept, so whether you're polishing up on async code or practicing DOM manipulation, there's something here for everyone.
Building projects is hands down the best way to learn JavaScript. Here’s why:
- ✅ Strengthen your knowledge of core JavaScript concepts by applying them.
- ✅ Master real-world coding by organizing, structuring, and debugging your own code.
- ✅ Boost your problem-solving skills as you tackle project-specific challenges.
- ✅ Gain the confidence to start building your own applications from scratch!
By working through these projects, you’re not just learning — you’re creating, problem-solving, and growing as a developer.
-
Clone this repository:
git clone https://github.com/pradipchaudhary/100-js-projects.git
-
Navigate to the project folder:
cd 100-js-projects -
Each project is stored in its own directory with its own README file for instructions. Simply open the
index.htmlfile in a browser to view the project or open the project folder in your code editor to start coding.
Here’s a quick overview of some of the projects included in this repository:
| # | Project | Link |
|---|---|---|
| 01 | To-Do List App | View Code |
| 02 | Simple Calculator | View Code |
| 03 | Digital Clock | View Code |
| 04 | Tip Calculator | View Code |
| 05 | Temperature Converter | View Code |
| 06 | Random Quote Generator | View Code |
| ... | ... | ... |
Feel free to explore the complete list of projects here.
- JavaScript – Core language used in all projects
- HTML5 – For structuring web pages
- CSS3 – For basic styling (some projects)
- APIs – Integrated in some projects for real-time data
To get started, simply pick a project from the list above, follow the instructions in its respective directory, and begin coding. Each project has a README with instructions, goals, and sometimes additional resources to guide you through the process.
Contributions are welcome! If you'd like to contribute:
- Fork the repository.
- Create your feature branch:
git checkout -b feature/your-feature. - Commit your changes:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature/your-feature. - Open a pull request.
This repository is licensed under the MIT License. See the LICENSE file for more information.
Feel free to reach out if you have any questions or feedback!
- GitHub: pradipchaudhary
- Email: chaudharypradip678@gmail.com
Happy Coding! 🎉