Source-Controller / eCommerce-MEW

MEW (Men's Ethnic Wear) is an ecommerce web application using MERN stack.

MEW

Men's Ethnic Wear is an ecommerce web application

🚀visit : https://mew.onrender.com

Tools and Packages

                     

Features

• Login/Signup User Account
• Update Profile/Password User Account
• Reset Password Mail using nodemailer
• Cart Add/Remove Items | Update Quantities
• Wishlist Add/Remove Items
• Products Pagination (Default 8 Products Per Page)
• Product Search
• Product Filters Based on Category/Ratings/Price
• Shipping Info in Session Storage
• Make Payment using Stripe
• My Orders (With All Filters)
• Order Details of All Ordered Item
• Review Products User Account
• Admin: Dashboard access to only admin roles
• Admin: Update Order Status | Delete Order
• Admin: Add/Update Products
• Admin: Update User Data | Delete User
• Admin: List Review of Product | Delete Review
• Stock Management: Decrease stock of product when shipped

Run Locally

Clone the project

  git clone https://github.com/followDev/eCommerce-MEW.git

Go to the project directory

  cd project

Install dependencies

  npm install

  cd frontend/
  npm install

Start the server

  npm run start

Start the client

  //open another terminal
  cd frontend/
  npm start

Environment configurations

set your config.env file : use given format

PORT=4000
DB_URI='mongodb_uri'
JWT_SECRET='your jwt secret'
JWT_EXPIRE= 1d
COOKIE_EXPIRE = 7
SMPT_SERVICE=gmail
SMPT_MAIL='your email'
SMPT_PASSWORD='email password'
SMPT_HOST=smtp.gmail.com
SMPT_PORT=587
CLOUDINARY_NAME= "name"
CLOUDINARY_API_KEY= 'cloudinary key'
CLOUDINARY_API_SECRET= 'cloudinary secret'
STRIPE_API_KEY='stripe key'
STRIPE_SECRET_KEY='stripe secret'

UI Screenshot

• Home UI

• Products UI

• Pagination and Filter Box UI

• Cart UI

• Shipping UI

• Payment UI

• Admin Dashboard UI

• Admin All Order UI

• Admin Update Product UI

• Admin Process Order UI