shoppingcart's Introduction

Hi 👋 I'm an expert on React Js 👨‍💻 Next JS

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.