khadem-mh / shoppingCart

A beautiful shopping cart that uses useContext to connect all data together with React JS and Express.

Hi there 👋 I'm Mohammad Hossein 👨‍💻

React Js expert and FrontEnd Developer from Iran.

Description Project

• A beautiful shopping cart that uses useContext to connect all data together with React JS and Express.

• A great and good project to understand the concept of useContext

• Fully responsive in every dimension

• With the ability to add، remove، or remove، add up a number of purchases of one product and all products and order the product.

Languages

Packages

Development Environment

View of the project

Getting Started

First of all, you need to have the Node.Js installed on your system before you see these links.

node js

Before running the project, you need to have npm installed on your system, then you can set the following commands in the project path.

If you have node.js installed it will automatically install npm

We used mongoDB database in this project before running the project, if you do not have it installed on your system, refer to this link

mongoDB

After ensuring the installation of the mentioned items, enter the following commands in the direction of the project.

Step-1

Open a new terminal on the main path of the project and then enter this command

cd backend

Then install the corresponding packages with the following command

backend > npm i

After installing the packages, enter the following command to run the project backend

backend > npm start

Step-2

Open a new terminal on the main path of the project and then enter this command

cd frontend

Then install the corresponding packages with the following command

frontend > npm i

After installing the packages, enter the following command to run the project backend

frontend > npm run dev

Step-3

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

---

Social Network