Skip to content

naisarg53/ecommerce-mern-web-app

Repository files navigation

MERN Ecommerce PWA

Description

An ecommerce store built with MERN stack. This ecommerce store enable two main different flows or implementations:
  1. Admins manage and control the entire store components by Adding, Updating and Deletion of Product.
  2. User can enjoy this amazing web app by login, register, view products , search products, see product details , add to cart, provide shipping address, place order by making credit card payment.At the same time, User can also install this web app to there mobile and desktop and use it as an application.

HINTS

To run the Admin interface use Email Address : admin@admin.com and Password: admin

Demo
This application is deployed on Heroku. Please check it out 😄 here. https://npshop.herokuapp.com/

Install Some basic Git commands are:

$ git clone https://github.com/naisarg53/ecommerce-mern-web-app.git $ cd client $ npm install Setup Create .env file that include:

  • MONGO_URI & JWT_SECRET
  • PORT
  • NODE_ENV

Languages & tools

Node JS

Express

Mongoose and mongoDb Atlas

React Js

Bootstarp

HTML and CSS

AWS S3

E-commerce MERN Web App Images

Login Screen

loginScreen

Registration Screen

RegisterScreen

Product Screen

main screen

Searched Product Screen

SearchScreen

Product Details Screen

ProductDetailsScreen

Cart Screen

CartScreen

Card Order Screen

OrderScreen

Shipping Screen

ShippingScreen

Admin Screen

AdminScreen

Admin Product Add Scree

AddProductScreen