🛍️ MERN E-commerce Store

An ecommerce store built with MERN stack and Paypal payments API.

Features

Login/register
Place order
Search for product
Add/remove products to cart
Admin panel (CRUD operations)
Semantic UI
Fully responsive UI
JWT Authorization
Paypal payment integration

Tools

Installation

React Setup & Git Initialize
```
npx create-react-app frontend
```
Implementing React Router
```
npm i react-router-dom
```

Fetch Data From Express

npm i axios

"proxy":  "http://127.0.0.1:5000",

npm i -D nodemon concurrently
npm i dotenv

Connect to MongoDB
```
npm i mongoose
```

Back-End Server Setup

[📜 Back-End Scripts]

"scripts": {
"start": "node backend/server" 
// Run node server | npm start

"server": "nodemon backend/server",
// Run node server automatically | npm run server

"client": "npm start --prefix frontend" 
// Run frontend React server from backend | npm run client

"dev": "concurrently \"npm run server\"  \"npm run client\"" 
// Run Both servers at the same time | npm run dev

"data:import": "node backend/seeder",
// Import seeder date to DB | npm run data:import
"data:destory": "node backend/seeder -d"
// Destory data from DB | npm run data:destory
},

npm i express
npm i bcryptjs
npm i express-async-handler
npm i morgan
npm i jsonwebtoken
npm i multer
npm i react-helmet

Connect to MongoDB

const conn = await mongoose.connect(process.env.MONGO_URI, {
      useUnifiedTopology: true,
      useNewUrlParser: true,
      useCreateIndex: true,

Redux Setup

npm i redux  react-redux  redux-thunk  redux-devtools-extension

JWT Token

pm.environment.set("TOKEN", pm.response.json().token)

Heroku Deploy

heroku login
heroku create "URL name"

in Procfile file --> web: node backend/server.js

Author

Theelipan Prabakar - www.theelipan.com

Project Link: https://rn-store.herokuapp.com/

License