{"id":19869892,"url":"https://github.com/pradipchaudhary/100-javascript-projects","last_synced_at":"2025-04-05T00:06:08.926Z","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":"2024-12-30T17:23:38.000Z","size":18980,"stargazers_count":142,"open_issues_count":2,"forks_count":42,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-28T23:04:09.341Z","etag":null,"topics":["api","beginner-project","cod","es6","html5","javascript","js","learning","projects","vanilla-js"],"latest_commit_sha":null,"homepage":"https://100jsproject.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":null,"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}},"created_at":"2023-04-20T11:10:32.000Z","updated_at":"2025-03-28T07:40:41.000Z","dependencies_parsed_at":"2024-02-01T19:12:46.511Z","dependency_job_id":"edc49677-c3c2-4da6-af9b-11c1c3a10aeb","html_url":"https://github.com/pradipchaudhary/100-javascript-projects","commit_stats":null,"previous_names":["pradipchaudhary/100-js-projects","pradipchaudhary/100-javascript-projects"],"tags_count":1,"template":false,"template_full_name":null,"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","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266563,"owners_count":20910836,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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-project","cod","es6","html5","javascript","js","learning","projects","vanilla-js"],"created_at":"2024-11-12T16:07:15.397Z","updated_at":"2025-04-05T00:06:08.904Z","avatar_url":"https://github.com/pradipchaudhary.png","language":"JavaScript","readme":"[![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\nWelcome to the **[100 JavaScript Projects](https://100jsproject.vercel.app/)** repository!\n\n![JavaScript Projects](./screenshot.png)\n\nThis 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.\n\nExplore, 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.\n\n**_Start building today and take your JavaScript skills to the next level!_**\n\n---\n\n## 📚 About\n\nInside 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:\n\n-   🖼️ **DOM Manipulation**\n-   🌟 **ES6+ Features**\n-   🔗 **API Integration**\n-   🧩 **Data Structures \u0026 Algorithms**\n-   🎯 **Event Handling**\n-   ⏳ **Asynchronous JavaScript** (Promises, Async/Await)\n-   💾 **Browser Storage** (LocalStorage, SessionStorage)\n-   ...and **so much more**!\n\nEach 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.\n\n---\n\n## 💡 Why Build Projects?\n\nBuilding projects is hands down the **best** way to learn JavaScript. Here’s why:\n\n-   ✅ **Strengthen your knowledge** of core JavaScript concepts by applying them.\n-   ✅ **Master real-world coding** by organizing, structuring, and debugging your own code.\n-   ✅ **Boost your problem-solving skills** as you tackle project-specific challenges.\n-   ✅ **Gain the confidence** to start building your own applications from scratch!\n\nBy working through these projects, you’re not just learning — you’re **creating**, **problem-solving**, and **growing** as a developer.\n\n---\n\n## 🛠️ How to Use\n\n1. Clone this repository:\n\n    ```bash\n    git clone https://github.com/pradipchaudhary/100-js-projects.git\n    ```\n\n2. Navigate to the project folder:\n\n    ```bash\n    cd 100-js-projects\n    ```\n\n3. Each project is stored in its own directory with its own README file for instructions. Simply open the `index.html` file in a browser to view the project or open the project folder in your code editor to start coding.\n\n---\n\n## 📝 Project List\n\nHere’s a quick overview of some of the projects included in this repository:\n\n| #   | Project                | Link                                                                                              |\n| --- | ---------------------- | ------------------------------------------------------------------------------------------------- |\n| 01  | To-Do List App         | [View Code](https://github.com/pradipchaudhary/100-js-projects/tree/master/01-To-Do%20List%20App) |\n| 02  | Simple Calculator      | [View Code](https://github.com/pradipchaudhary/100-js-projects/simple-calculator)                 |\n| 03  | Digital Clock          | [View Code](https://github.com/pradipchaudhary/100-js-projects/digital-clock)                     |\n| 04  | Tip Calculator         | [View Code](https://github.com/pradipchaudhary/100-js-projects/tip-calculator)                    |\n| 05  | Temperature Converter  | [View Code](https://github.com/pradipchaudhary/100-js-projects/temperature-converter)             |\n| 06  | Random Quote Generator | [View Code](https://github.com/pradipchaudhary/100-js-projects/random-quote-generator)            |\n| ... | ...                    | ...                                                                                               |\n\nFeel free to explore the [complete list of projects here](https://github.com/pradipchaudhary/100-js-projects).\n\n---\n\n## 👨‍💻 Technologies Used\n\n-   **JavaScript** – Core language used in all projects\n-   **HTML5** – For structuring web pages\n-   **CSS3** – For basic styling (some projects)\n-   **APIs** – Integrated in some projects for real-time data\n\n---\n\n## 🚀 Getting Started\n\nTo 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.\n\n---\n\n## 🤝 Contributions\n\nContributions are welcome! If you'd like to contribute:\n\n1. Fork the repository.\n2. Create your feature branch: `git checkout -b feature/your-feature`.\n3. Commit your changes: `git commit -m 'Add some feature'`.\n4. Push to the branch: `git push origin feature/your-feature`.\n5. Open a pull request.\n\n---\n\n## 📄 License\n\nThis repository is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.\n\n---\n\n## 📧 Contact\n\nFeel free to reach out if you have any questions or feedback!\n\n-   **GitHub**: [pradipchaudhary](https://github.com/pradipchaudhary)\n-   **Email**: [chaudharypradip678@gmail.com](mailto:chaudharypradip678@gmail.com)\n\n---\n\n**Happy Coding! 🎉**\n","funding_links":[],"categories":[],"sub_categories":[],"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"}