{"id":17353546,"url":"https://github.com/chetannada/reactjs-projects","last_synced_at":"2025-04-14T21:45:40.453Z","repository":{"id":154068802,"uuid":"594846073","full_name":"chetannada/ReactJs-Projects","owner":"chetannada","description":"'React.js Projects' is a Repository containing 'Awesome Machine Coding Projects using React.js' with Live Project App Link 😍 which is helpful for both Beginner and Experience Developer. Stay up-to-date with your Practical React.js skills with this repository. ","archived":false,"fork":false,"pushed_at":"2025-04-12T11:52:34.000Z","size":266,"stargazers_count":29,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T12:44:17.494Z","etag":null,"topics":["machine-coding-react-project","project-collection","project-repository","react","reactjs","reactjs-awesome-projects","reactjs-cool-projects","reactjs-practice","reactjs-practice-updates","reactjs-project","reactjs-project-repository","reactjs-projects","reactjs-updates","reactrouter","tailwindcss"],"latest_commit_sha":null,"homepage":"https://reactjs-projects-app.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chetannada.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2023-01-29T20:11:12.000Z","updated_at":"2025-04-12T11:52:38.000Z","dependencies_parsed_at":"2025-01-04T14:45:27.968Z","dependency_job_id":"ea5e711b-e5ba-4f0c-a665-cf80ef22f4f6","html_url":"https://github.com/chetannada/ReactJs-Projects","commit_stats":null,"previous_names":["chetannada/reactjs-projects"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannada%2FReactJs-Projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannada%2FReactJs-Projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannada%2FReactJs-Projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chetannada%2FReactJs-Projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chetannada","download_url":"https://codeload.github.com/chetannada/ReactJs-Projects/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248966896,"owners_count":21190863,"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":["machine-coding-react-project","project-collection","project-repository","react","reactjs","reactjs-awesome-projects","reactjs-cool-projects","reactjs-practice","reactjs-practice-updates","reactjs-project","reactjs-project-repository","reactjs-projects","reactjs-updates","reactrouter","tailwindcss"],"created_at":"2024-10-15T17:17:18.200Z","updated_at":"2025-04-14T21:45:40.446Z","avatar_url":"https://github.com/chetannada.png","language":"JavaScript","readme":"# ❤️ React.js Projects 🚀\n\nWelcome to `ReactJs Projects` Repository which containing `Awesome Machine Coding Projects using React.js` with Live URL which is helpful for both Beginner and Experience Developer. Tech Stack used: `React.js, Javacript, HTML, CSS, TailwindCSS, Vite, Redux Toolkit`\n\n- [🚀 _Live Project Demo_ 😍](https://reactjs-projects-app.netlify.app/)\n\n# 🌻 Projects\n\nThis repository contains a `Collection of Cool Coding React.js Projects` with Code and Live URL, which helps you to practice yourself in React.js\n\n### 🌱 Structure of this Project\n\n- index.html - _Root index file of Project_\n- index.css - _Global CSS file of Project_\n- index.jsx - _Root js/jsx file of Project_\n- .env - _environment variables for this project to run in development environment (fill the actual values for environment variable that are empty)_\n\n## 📚 Project 01 - To-Do List App\n\n- 👨‍💻 [_Coding Challenge_](./src/Projects/ToDo-List/CodingChallenge.md)\n- 💻 [_Source Code_](./src/Projects/ToDo-List/)\n- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/todo-list)\n\n## 📚 Project 02 - Redux Counter App\n\n- 👨‍💻 [_Coding Challenge_](./src/Projects/Redux-Counter/CodingChallenge.md)\n- 💻 [_Source Code_](./src/Projects/Redux-Counter/)\n- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/redux-counter)\n\n## 📚 Project 03 - Google Authentication App\n\n- 👨‍💻 [_Coding Challenge_](./src/Projects/Google-Auth/CodingChallenge.md)\n- 💻 [_Source Code_](./src/Projects/Google-Auth/)\n- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/google-auth)\n\n## 📚 Project 04 - HTTP GET Request App\n\n- 👨‍💻 [_Coding Challenge_](./src/Projects/Http-Get-Request/CodingChallenge.md)\n- 💻 [_Source Code_](./src/Projects/Http-Get-Request/)\n- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/http-get-request)\n\n## 📚 Project 05 - HTTP POST Request App\n\n- 👨‍💻 [_Coding Challenge_](./src/Projects/Http-Post-Request/CodingChallenge.md)\n- 💻 [_Source Code_](./src/Projects/Http-Post-Request/)\n- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/http-post-request)\n\n# 🎻 Prerequisites\n\nBefore getting started with the Practicing Projects, you should have a basic understanding of `HTML, CSS and JavaScript`.\n\n# ✏️ Contribute\n\nThis repository is an `Open-Source` and `Contributions` are always welcome! If you find an issue in any Projects then create an issue under the Issue section and then create a `Pull Request`. Your contribution will help make this repository a valuable resource for the `React.js Community`.\n\n## 🔥 Clone this Repository\n\nYou need to write the following commands on the terminal screen (in vscode) so that you can run this project locally.\n\n```bash\n  git clone \"https://github.com/chetannada/ReactJs-Projects.git\"\n```\n\nGo to the project directory\n\n```bash\n  cd ReactJs-Projects\n```\n\nInstall dependencies\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  npm run dev\n```\n\nThis application should now be running on `localhost`. If you want to Fork repository and want to run locally, follow this guidelines [Fork and Clone Github Repository](https://docs.github.com/en/get-started/quickstart/fork-a-repo)\n\n## ✨ Contributors\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/chetannada\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/83969719?v=4?s=100\" width=\"100px;\" alt=\"Chetan Nada\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eChetan Nada\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/chetannada/ReactJs-Projects/commits?author=chetannada\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#data-chetannada\" title=\"Data\"\u003e🔣\u003c/a\u003e \u003ca href=\"#content-chetannada\" title=\"Content\"\u003e🖋\u003c/a\u003e \u003ca href=\"#design-chetannada\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"https://github.com/chetannada/ReactJs-Projects/commits?author=chetannada\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/chetannada/ReactJs-Projects/pulls?q=is%3Apr+reviewed-by%3Achetannada\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e \u003ca href=\"https://github.com/chetannada/ReactJs-Projects/issues?q=author%3Achetannada\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"#ideas-chetannada\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"#maintenance-chetannada\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#research-chetannada\" title=\"Research\"\u003e🔬\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/kdteraiya\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/113781417?v=4?s=100\" width=\"100px;\" alt=\"Kaushik Teraiya\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKaushik Teraiya\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/chetannada/ReactJs-Projects/commits?author=kdteraiya\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#research-kdteraiya\" title=\"Research\"\u003e🔬\u003c/a\u003e \u003ca href=\"#data-kdteraiya\" title=\"Data\"\u003e🔣\u003c/a\u003e \u003ca href=\"https://github.com/chetannada/ReactJs-Projects/pulls?q=is%3Apr+reviewed-by%3Akdteraiya\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/SankalpHaritash21\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/110713125?v=4?s=100\" width=\"100px;\" alt=\"Sankalp Haritash\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSankalp Haritash\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/chetannada/ReactJs-Projects/commits?author=SankalpHaritash21\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#research-SankalpHaritash21\" title=\"Research\"\u003e🔬\u003c/a\u003e \u003ca href=\"#data-SankalpHaritash21\" title=\"Data\"\u003e🔣\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!\n\n### 💖 Many many Thanks to all the `Stargazers` who has supported this project with stars 🌟\n\n[![Stargazers repo roster for @chetannada/ReactJs-Projects](https://reporoster.com/stars/chetannada/ReactJs-Projects)](https://github.com/chetannada/ReactJs-Projects/stargazers)\n\n### 💖 Many many Thanks to all the `Forkers` who has supported this project with forks 🍴\n\n[![Forkers repo roster for @chetannada/ReactJs-Projects](https://reporoster.com/forks/chetannada/ReactJs-Projects)](https://github.com/chetannada/ReactJs-Projects/network/members)\n\n## 🔗 Let's Connect\n\n[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/chetannada/)\n[![twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/chetannada)\n[![discord](https://img.shields.io/badge/Discord-5865F2?style=for-the-badge\u0026logo=discord\u0026logoColor=white)](https://discordapp.com/users/916005177838956555)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetannada%2Freactjs-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchetannada%2Freactjs-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchetannada%2Freactjs-projects/lists"}