React-E-commerce-app-CLIENT

Suppliers backend and frontend For Web Project

MongoDB, Expressjs, React, Redux, Nodejs

MERN is a fullstack implementation in MongoDB, Expressjs, React/Redux, Nodejs.

MERN stack is the idea of using Javascript/Node for fullstack web development.

clone or download

$ git clone https://github.com/SabbirIrfan/React-E-commerce-app-CLIENT/
$ npm i

project structure

client/
   package.json
server/
   package.json
   .env (need to create your own .env for run this project see below for instructions)
...

Usage (run fullstack app on your machine)

Prerequisites

• MongoDB
• Node ^10.0.0
• npm

notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other

Client-side usage(PORT: 3000)

$ cd react-shop-ui   // go to client folder
$ npm i       // npm install packages
$ npm start // run it locally

Server-side usage(PORT: 8000)

Prepare your secret

# #(You need to add .env File to run the Server side API code) #.env File Structure #NODE_ENV = development #PORT = 3006 #CONNECTION_URL = Your Mongodb Connection Url #

Start

$ cd server   // go to server folder
$ npm i       // npm install packages
$ npm start // run it locally

Dependencies(tech-stacks)

Client-side	Server-side
axios: ^0.27.2	bcrypt-nodejs: ^0.0.3
babel-preset-stage-1: ^6.1.18	body-parser: ^1.15.2
react: ^18.2.0	dotenv: ^16.0.1
react-dom: ^18.2.0	express: ^4.18.1
react-redux: ^8.0.2	jwt-simple: ^0.5.1
react-router-dom: ^6.3.0	mongoose: ^6.3.5
redux: ^4.4.0	jsonwebtoken : ^8.5.1
redux-thunk: ^2.1.0	crypto-js : ^4.1.1
redux-persist : ^6.0.0	nodemon : ^2.0.16
styled-components : ^5.3.5	cors: ^2.8.5

Screenshots

Landing page

User can sign in or sign up

After first time sign in a popup appears to enter user bank information.

There are three category of products.

Single product details.

Cart details.

Admin panel

Standard

BUGs or comments

Create new Issues (preferred)

Email Me: sabbirirfan29@gmail.com