Welcome to the 100 Plus JavaScript Projects repository — your ultimate resource for mastering JavaScript through hands-on, real-world projects.
This curated collection is designed to help you improve your frontend development skills using HTML, CSS, and vanilla JavaScript, without relying on frameworks.
Whether you're a complete beginner or an aspiring frontend developer, this repository is your perfect playground to build, learn, and grow.
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 (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
- ⏱️ Asynchronous JavaScript (Async/Await, Promises)
- 🧠 Data Structures & Algorithms
- 💾 Browser Storage (LocalStorage, SessionStorage)
- ...and much more!
Each project has its own directory with a dedicated README.md, complete source code, and an index.html file to run in your browser.
“Tell me and I forget, teach me and I may remember, involve me and I learn.” — Benjamin Franklin
Building projects is the most effective way to learn JavaScript. Here's why:
- ✅ Reinforces core JavaScript concepts through practical application
- ✅ Improves coding confidence by solving real-world problems
- ✅ Builds a job-ready portfolio
- ✅ Enhances problem-solving and debugging skills
Follow these steps to get started:
# Step 1: Clone the repository
git clone https://github.com/pradipchaudhary/100plusjs.git
# Step 2: Navigate into the directory
cd 100plusjs
# Step 3: Open any project folder
cd 01-To-Do\ List\ App
# Step 4: Run the project
Open index.html in your browserYou can also explore the live version from the official website: 👉 https://100plusjs.vercel.app
| # | 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 » |
These projects are built using:
- 🟨 JavaScript (ES6+) – Core logic and interactivity
- 🟦 HTML5 – Semantic structure
- 🎨 CSS3 – Custom minimal styling
- 🌐 APIs – Integrated for dynamic and real-world functionality
Have an idea or want to improve an existing project? Contributions are welcome!
# 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 RequestPlease read the Contribution Guidelines before submitting PRs.
This project is licensed under the MIT License. Feel free to use, modify, and share it. See the LICENSE file for more details.
For questions, suggestions, or feedback:
- 📧 Email: [email protected]
- 💼 GitHub: @pradipchaudhary
If you find this repository helpful:
- ⭐ Star it on GitHub
- 🍴 Fork it and build your own version
- 📣 Share it with your developer friends and community
The best way to master JavaScript is to build projects — one at a time.
💻 Keep learning. Keep coding. Keep creating.
Made with ❤️ by Pradip Chaudhary 🌐 100plusjs.vercel.app