2. Introduction
Perception: ONLINE
SHOPPING APP
Online shopping helps customers to
choose a wide range of products,
prices and they can compare them to
each other easily. Encountering the
inadequacies and the weaknesses of
the offline business model
2
3. MERN STACK
MONGODB
Free and open-source cross- platform
document oriented database.
EXPRES
S
Fast , unopinionated,
minimalist web framework
for
N
odeJS.
Node.js is an open
source server
environment. Node.js
allows you to run
JavaScript on the server.
NODEJS
3
A JavaScript library created by Facebook,
React is a User Interface (UI) library
React is a tool for building UI components
REACT
4. Scope
▪ Secure registration and profile management facilities for customers.
▪ Browsing through the Shopping web site to see the items in each category of
products
▪ like Books and Media, Electronics items, Clothing and many more.
▪ Adequate searching mechanisms for easy and quick access to particular products
and
▪ services.
▪ Shopping cart so that customers can shop no. of items simultaneously and
checkout
▪ finally with the entire shopping carts by entering credit/debit card details.
▪ Review mechanism, so that customers can give feedback for the product or
service
▪ which they have purchased.
4
5. Features
5
◎ Admin Dashboard
◎ User & Admin Authentication
◎ Search & Filter Options
◎ Payment Method
◎ Adding , Editing & Removing Of Products By Admin
◎ & More
6. Significance Packages
6
Bcrypt
we use bcrypt library to hash
the passwords before we
save them. it is never
recommended to store plain
text passwords since they
can be compromised easily.
Jsonwebtoken
This helps us to
create JWTs for
the authentication
purpose.
Mongoose
This helps us to
establish a
connection
between
MongoDB and our
Express app.
Config
This is a simple package which helps
us to store our important data like
secret keys, database ID etc. in a
separate JSON file and it allows us
to access it easily within any file.
7. Frontend
In the frontend side, we would be
using React as the frontend library.
We would use Redux for state
management.
7
8. Backend
8
For the backend
side, I used the
Express library on
top of Nodejs.
I used mongoose to
connect to our
MongoDB database.
I used MongoDB as
the NoSQL
database to store
our data as
documents in JSON
format.
9. Admin Dasboard
Admin Dashboard is only be
accessible to the admin after the
login if the username and
password matches the username
and password of admin in
database.
9
10. Features regarding
admin dashboard:
◎ Create new products
◎ Access order list
◎ Access product list
◎ Process placed order state
◎ Update products
◎ Update users role
◎ Access user list
10
11. Login & Registration
After providing the correct username and
password, the user log’s in to the
homepage. Here at homepage the user is
then able to place the order for a product
by selecting the produce via search bar
or products page.
In this, first users have to provide the
personal information that are needed for
the future access of the account.
11
13. ◎ Online shopping is a popular trend in the modern society. Today, people
often
prefer to buy products online from their home instead of going to a physical
store. There are lots of advantages of online shopping. The customer can
check the specifications of a product very carefully without anybody’s
interference. He can choose items of different categories and different
brands without going to different stores. The sellers also prefer to sell their
products online because they can reach a large number of customers at a
short while. Online shopping systems also provide advertising space for
new products. Our Online shopping system will also try to provide all these
advantages of online shopping.
13
Conclusion