https://github.com/chetannada/reactjs-projects
'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.
https://github.com/chetannada/reactjs-projects
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
Last synced: about 1 month ago
JSON representation
'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.
- Host: GitHub
- URL: https://github.com/chetannada/reactjs-projects
- Owner: chetannada
- Created: 2023-01-29T20:11:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-12T11:52:34.000Z (about 1 month ago)
- Last Synced: 2025-04-12T12:44:17.494Z (about 1 month ago)
- 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
- Language: JavaScript
- Homepage: https://reactjs-projects-app.netlify.app/
- Size: 260 KB
- Stars: 29
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ❤️ React.js Projects 🚀
Welcome 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`
- [🚀 _Live Project Demo_ 😍](https://reactjs-projects-app.netlify.app/)
# 🌻 Projects
This repository contains a `Collection of Cool Coding React.js Projects` with Code and Live URL, which helps you to practice yourself in React.js
### 🌱 Structure of this Project
- index.html - _Root index file of Project_
- index.css - _Global CSS file of Project_
- index.jsx - _Root js/jsx file of Project_
- .env - _environment variables for this project to run in development environment (fill the actual values for environment variable that are empty)_
## 📚 Project 01 - To-Do List App
- 👨💻 [_Coding Challenge_](./src/Projects/ToDo-List/CodingChallenge.md)
- 💻 [_Source Code_](./src/Projects/ToDo-List/)
- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/todo-list)
## 📚 Project 02 - Redux Counter App
- 👨💻 [_Coding Challenge_](./src/Projects/Redux-Counter/CodingChallenge.md)
- 💻 [_Source Code_](./src/Projects/Redux-Counter/)
- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/redux-counter)
## 📚 Project 03 - Google Authentication App
- 👨💻 [_Coding Challenge_](./src/Projects/Google-Auth/CodingChallenge.md)
- 💻 [_Source Code_](./src/Projects/Google-Auth/)
- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/google-auth)
## 📚 Project 04 - HTTP GET Request App
- 👨💻 [_Coding Challenge_](./src/Projects/Http-Get-Request/CodingChallenge.md)
- 💻 [_Source Code_](./src/Projects/Http-Get-Request/)
- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/http-get-request)
## 📚 Project 05 - HTTP POST Request App
- 👨💻 [_Coding Challenge_](./src/Projects/Http-Post-Request/CodingChallenge.md)
- 💻 [_Source Code_](./src/Projects/Http-Post-Request/)
- [🚀 _Live Demo_ 😍](https://reactjs-projects-app.netlify.app/http-post-request)
# 🎻 Prerequisites
Before getting started with the Practicing Projects, you should have a basic understanding of `HTML, CSS and JavaScript`.
# ✏️ Contribute
This 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`.
## 🔥 Clone this Repository
You need to write the following commands on the terminal screen (in vscode) so that you can run this project locally.
```bash
git clone "https://github.com/chetannada/ReactJs-Projects.git"
```
Go to the project directory
```bash
cd ReactJs-Projects
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
This 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)
## ✨ Contributors
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Chetan Nada
💻 🔣 🖋 🎨 📖 👀 🐛 🤔 🚧 🔬
Kaushik Teraiya
💻 🔬 🔣 👀
Sankalp Haritash
💻 🔬 🔣
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!
### 💖 Many many Thanks to all the `Stargazers` who has supported this project with stars 🌟
[](https://github.com/chetannada/ReactJs-Projects/stargazers)
### 💖 Many many Thanks to all the `Forkers` who has supported this project with forks 🍴
[](https://github.com/chetannada/ReactJs-Projects/network/members)
## 🔗 Let's Connect
[](https://www.linkedin.com/in/chetannada/)
[](https://twitter.com/chetannada)
[](https://discordapp.com/users/916005177838956555)