Skip to content

⚛️ 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.

License

Notifications You must be signed in to change notification settings

walidbosso/React_Projects

Repository files navigation

React_Projects

GitHub WidgetBox


React Projects Repository

Welcome to my repository where I store pure React projects. This repository contains three projects:

  1. E-Commerce Application with JSON Server
  2. Connect-4 Game
  3. 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:

  1. Fork & Clone the repository.
  2. Navigate to the E-Commerce directory.
  3. Install dependencies: npm install.
  4. Install JSON Server npm install -g json-server
  5. Navigate to db/db.json. Start the JSON server: json-server --watch db.json.
  6. 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:

  1. Fork & Clone the repository.
  2. Navigate to the Connect-4 directory.
  3. Install dependencies: npm install.
  4. 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:

  1. Fork & Clone the repository.
  2. Navigate to the basic-calculator directory.
  3. Install dependencies: npm install.
  4. 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  🇲🇦 😄
 


👏 Thanks for the support

Stargazers

Stargazers repo roster for @walidbosso/React_Projects

Forkers

Forkers repo roster for @walidbosso/React_Projects

Contributors



GitHub last commit (by committer)

GitHub License

𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!


Back to top

About

⚛️ 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.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages