Hey, there 👋

This is a full stack end to end E-Com. web app including role based authentication and management with integrated Paytm Payment gateway solution.

Features

• Responsive

• Pagination

• Search with filters: Price, Categories and ratings

• Role based authentication

• Reviews on product

• and many more

Tech

In overview, Flip Outlet uses these tools with many open source libraries inside:

• [MongoDB] - NoSQL database program, uses JSON-like documents with optional schemas.
• [Express] - Minimal and flexible Node.js web application framework.
• [ReactJS] - A JavaScript library for building user interfaces.
• [Node.js] - JavaScript runtime environment that runs on the V8 engine.

Installation

Node and MongoDB must be installed on your system.
Also for production, you need to have accounts on MongoDB atlas, Heroku render, GitHub, Email-provider, Cloudinary, PayTm.

Firstly change directory to e-com/config and create a config.env file.
Inside this file you have to configure the environment variables required which are mentioned.

PORT = 7000
MONGODB_URI = MONGODB_URI
JWT_SECRET = YOUR_SECRET
JWT_EXPIRES_IN = EXPIRE_TOKEN_IN_DAYS,EX- 30 days
COOKIE_EXPIRES_IN = NUMERIC_VALUE

SMTP_SERVICE = MAIL_SERVICE_PROVIDER,EX- gmail
SMTP_MAIL = MAIL_ADDRESS_FOR_SENDING_RESET_TOKENS
SMTP_PASSWORD = MAIL_PASSWORD

CLOUDINARY_NAME = CLOUDINARY_NAME
CLOUDINARY_API_KEY = CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET = CLOUDINARY_API_SECRET

FRONTEND_URL = FRONTEND_URL
CORES_ORIGIN = ALLOWED_ORIGIN_TO_ACCESS,for dev,use localhost

PAYTM_MID = PAYTM_MERCHANT_ID
PAYTM_M_KEY = PAYTM_MERCHANT_KEY

After that change directory to e-com/frontend and create .env.development file.
Inside this file you have to configure the environment variables required which are mentioned.

REACT_APP_API_BASE_URL = API_SERVER_ADDRESS_WITH_PORT

now, install the dependencies in ecom directory and start the server.
This will start the backend api server.

cd e-com
npm i
npm run dev

Now change directory to e-com/frontend, install the dependencies and start the server. This will start the frontend react server

cd frontend
npm i
npm start

For production, I have used Heroku render for backend API server and github pages for frontend deployments.
If you are also using Heroku render, then you need to create these environment variables on settings/Config Vars render environment and link your github repo if repo available on github.