Loading repository data…
walidbosso / repository
React_Projects
⚛️ Here where I store my pure React projects, three projects so far, first there's a full E-Commerce application using a JSON server, before that a Connect-4 game, and finally a Basic calculator.
#calculator#calculator-javascript#connect-4#connect-four#css#e-commerce
Live repository statistics
★ 8Stars
⑂ 0Forks
◯ 0Open issues
◉ 8Watchers
README preview
React Projects Repository
Welcome to my repository where I store pure React projects. This repository contains three projects:
- E-Commerce Application with JSON Server
- Connect-4 Game
- Basic Calculator
Feel free to explore each project and use them as a reference for your own projects.
Projects
1. E-Commerce Application with JSON Server
A full-fledged E-Commerce application built using React and powered by a JSON server. This project demonstrates how to create a dynamic online store with product listings, a shopping cart, and a simple checkout process.
Technologies Used:
- ReactJS
- JSON Server
- CSS
How to Run:
- Fork & Clone the repository.
- Navigate to the
E-Commercedirectory. - Install dependencies:
npm install. - Install JSON Server
npm install -g json-server - Navigate to db/db.json. Start the JSON server:
json-server --watch db.json. - Start the React app:
npm start.
2. Connect-4 Game
A classic Connect-4 game implemented in React. This project showcases the use of React hooks and state management to create an interactive gaming experience.
Technologies Used:
- ReactJS
- CSS
- Hooks
How to Run:
- Fork & Clone the repository.
- Navigate to the
Connect-4directory. - Install dependencies:
npm install. - Start the React app:
npm start.
3. Basic Calculator
A simple calculator built using React. This project is an excellent example of using React state and props for building interactive user interfaces.
Technologies Used:
- ReactJS
- CSS
- JavaScript (Calculator logic)
How to Run:
- Fork & Clone the repository.
- Navigate to the
basic-calculatordirectory. - Install dependencies:
npm install. - Start the React app:
npm start.
Topics
- Node.js
- JavaScript
- CSS
- ReactJS
- React Hooks
- Props
- JSON Server
- E-Commerce
- Calculator
- Connect-4
Feel free to explore the projects and use the code as a reference for your own projects. If you have any questions or suggestions, feel free to reach out!
Happy coding!
© by Walid BOUSSOU 🇲🇦 😄
Stargazers
Forkers
Contributors
𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!