{"id":19869892,"url":"https://github.com/pradipchaudhary/100-javascript-projects","last_synced_at":"2026-04-29T21:10:38.350Z","repository":{"id":154434824,"uuid":"630429359","full_name":"pradipchaudhary/100-javascript-projects","owner":"pradipchaudhary","description":"Explore a curated collection of 100 practical JavaScript projects to sharpen your skills from beginner to advanced levels. ","archived":false,"fork":false,"pushed_at":"2026-03-04T20:49:59.000Z","size":19689,"stargazers_count":266,"open_issues_count":6,"forks_count":68,"subscribers_count":5,"default_branch":"master","last_synced_at":"2026-03-05T02:36:55.444Z","etag":null,"topics":["api","beginner","beginner-project","beginners-guide","cod","es6","html5","javascript","js","learning","projects","vanilla-js"],"latest_commit_sha":null,"homepage":"https://100plusjs.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pradipchaudhary.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-04-20T11:10:32.000Z","updated_at":"2026-03-04T20:52:46.000Z","dependencies_parsed_at":"2024-02-01T19:12:46.511Z","dependency_job_id":"c1e78278-067d-46cf-b500-64d29211602c","html_url":"https://github.com/pradipchaudhary/100-javascript-projects","commit_stats":null,"previous_names":["pradipchaudhary/100-js-projects","pradipchaudhary/100-javascript-projects","pradipchaudhary/100plusjs","pradipchaudhary/100-plus-javascript-projects"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/pradipchaudhary/100-javascript-projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pradipchaudhary%2F100-javascript-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pradipchaudhary%2F100-javascript-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pradipchaudhary%2F100-javascript-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pradipchaudhary%2F100-javascript-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pradipchaudhary","download_url":"https://codeload.github.com/pradipchaudhary/100-javascript-projects/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pradipchaudhary%2F100-javascript-projects/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32443733,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T20:22:27.477Z","status":"ssl_error","status_checked_at":"2026-04-29T20:22:26.507Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","beginner","beginner-project","beginners-guide","cod","es6","html5","javascript","js","learning","projects","vanilla-js"],"created_at":"2024-11-12T16:07:15.397Z","updated_at":"2026-04-29T21:10:38.340Z","avatar_url":"https://github.com/pradipchaudhary.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\n[![GitHub issues](https://img.shields.io/github/issues/pradipchaudhary/100-js-projects)](https://github.com/pradipchaudhary/100-js-projects/issues)\n[![GitHub forks](https://img.shields.io/github/forks/pradipchaudhary/100-js-projects)](https://github.com/pradipchaudhary/100-js-projects/network)\n[![GitHub stars](https://img.shields.io/github/stars/pradipchaudhary/100-js-projects)](https://github.com/pradipchaudhary/100-js-projects/stargazers)\n[![GitHub license](https://img.shields.io/github/license/pradipchaudhary/100-js-projects)](https://github.com/pradipchaudhary/100-js-projects/blob/main/LICENSE)\n\n# 🚀 100 JavaScript Projects for Beginners to Intermediate Developers\n\nWelcome to the **[100 JavaScript Projects](https://100-javascript-projects.vercel.app//)** repository — your ultimate resource for mastering JavaScript through **hands-on, real-world projects**.\n\n![JavaScript Projects](./screenshot.png)\n\nThis 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.\n\n---\n\n## 📚 About This Repository\n\nInside this repository, you’ll find:\n\n✅ **100 unique JavaScript projects**, organized by difficulty  \n✅ Clean, well-documented source code for every project  \n✅ A focus on modern JavaScript practices (ES6+)  \n✅ Real-world application logic to prepare you for job-ready coding  \n\nProjects cover a wide range of use cases and concepts, including:\n\n- 🖼️ DOM Manipulation\n- 🎯 Event Handling\n- 🌐 API Fetch \u0026 Integration\n- ⏱️ Asynchronous JavaScript (Async/Await, Promises)\n- 🧠 Data Structures \u0026 Algorithms\n- 💾 Browser Storage (LocalStorage, SessionStorage)\n- ...and much more!\n\nEach project has its own directory with a dedicated `README.md`, complete source code, and `index.html` to run in your browser.\n\n---\n\n## 💡 Why You Should Build JavaScript Projects\n\n\u003e “Tell me and I forget, teach me and I may remember, involve me and I learn.” — Benjamin Franklin\n\nBuilding projects is the **most effective** way to learn JavaScript. Here's why:\n\n- ✅ Reinforces core JavaScript concepts through practical application\n- ✅ Improves your coding confidence by solving real-world problems\n- ✅ Helps you build a job-ready portfolio\n- ✅ Boosts problem-solving and debugging skills\n\n---\n\n## 🛠️ How to Use This Repository\n\nFollow these steps to get started:\n\n```bash\n# Step 1: Clone the repository\ngit clone https://github.com/pradipchaudhary/100-js-projects.git\n\n# Step 2: Navigate into the directory\ncd 100-js-projects\n\n# Step 3: Open any project folder\ncd 01-To-Do\\ List\\ App\n\n# Step 4: Run the project\nOpen index.html in your browser\n```\n\nYou can also explore and deploy the live version from the [official website](https://100-javascript-projects.vercel.app//).\n\n---\n\n## 📝 Project Preview\n\n| #   | Project Name            | View Code                                                                                         |\n| --- | ----------------------- | -------------------------------------------------------------------------------------------------- |\n| 01  | To-Do List App          | [GitHub](https://github.com/pradipchaudhary/100-js-projects/tree/master/01-To-Do%20List%20App)   |\n| 02  | Simple Calculator       | [GitHub](https://github.com/pradipchaudhary/100-js-projects/simple-calculator)                   |\n| 03  | Digital Clock           | [GitHub](https://github.com/pradipchaudhary/100-js-projects/digital-clock)                       |\n| 04  | Tip Calculator          | [GitHub](https://github.com/pradipchaudhary/100-js-projects/tip-calculator)                      |\n| 05  | Temperature Converter   | [GitHub](https://github.com/pradipchaudhary/100-js-projects/temperature-converter)               |\n| 06  | Random Quote Generator  | [GitHub](https://github.com/pradipchaudhary/100-js-projects/random-quote-generator)              |\n| ... | ...                     | [View All Projects »](https://github.com/pradipchaudhary/100-js-projects)                        |\n\n---\n\n## 🧰 Tech Stack\n\nThese projects are built using the following technologies:\n\n- 🟨 **JavaScript (ES6+)** – Core language used in all projects\n- 🟦 **HTML5** – Semantic structure for each project\n- 🎨 **CSS3** – Styling using custom and minimal CSS\n- 🌐 **APIs** – Integrated in several projects for dynamic content\n\n---\n\n## 🤝 Contributing\n\nHave a cool idea or want to improve an existing project? Contributions are welcome! Here's how to get involved:\n\n```bash\n# Step 1: Fork the repository\n# Step 2: Create a feature branch\ngit checkout -b feature/your-feature-name\n\n# Step 3: Commit your changes\ngit commit -m \"Add new feature or fix\"\n\n# Step 4: Push to your branch\ngit push origin feature/your-feature-name\n\n# Step 5: Open a Pull Request\n```\n\nPlease follow the [Contribution Guidelines](CONTRIBUTING.md) for a smooth review process.\n\n---\n\n## 📄 License\n\nThis project is licensed under the **MIT License**.  \nFeel free to use, modify, and share it. See the [LICENSE](LICENSE) file for details.\n\n---\n\n## 📢 Contact\n\nIf you have any suggestions, questions, or feedback, feel free to reach out:\n\n- 📬 **Email**: [chaudharypradip678@gmail.com](mailto:chaudharypradip678@gmail.com)  \n- 💼 **GitHub**: [@pradipchaudhary](https://github.com/pradipchaudhary)\n\n---\n\n## 🌟 Support \u0026 Share\n\nIf you find this repository helpful:\n\n- ⭐ Star it on GitHub  \n- 🍴 Fork it to build your own version  \n- 📣 Share it with your developer friends and communities!\n\n---\n\n## 🚀 Start Building Today!\n\n\u003e Improve your skills by building. There’s no better way to learn JavaScript than **doing it yourself**. So dive in, explore the code, and build something awesome!\n\n**Happy Coding! 💻**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpradipchaudhary%2F100-javascript-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpradipchaudhary%2F100-javascript-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpradipchaudhary%2F100-javascript-projects/lists"}