Digital Bazaar : Crafting an E-Commerce Platform with MERN

Synopsis submitted

To – Mr. Harish Sharma

Shri Guru Ram Rai University in the partial fulfillment of the requirement
for the degree of

Bachelor in Computer Application (BCA)

Name of Student: Santosh Kandari

Class with Semester: BCA Vith Sem

Enrollment No. : R210529055

Batch: 2021-2024

Supervisor:
Mr. Harish Sharma
Department of Computer Application
School of Computer Applications & Information Technology
SGRR University, Dehradun, Uttarakhand, India

SHRI GURU RAM RAI UNIVERSITY

Patel Nagar Dehradun-248001, Uttarakhand
SHRI GURU RAM RAI UNIVERSITY
Patel Nagar, Dehradun-248001, Uttarakhand, India
(Estd. by Govt. of Uttarakhand, vide Shri Guru Ram Rai University Act no. 03 of 2017)

Certificate
This is to certify that Mr. Santosh Kandari, a student of Bachelor of Computer Application
(BCA) at Department of Computer Application of School of CA & IT, Shri Guru Ram Rai
University, Patel Nagar, Dehradun will work on the topic entitled “Digital Bazaar : Crafting an
E-Commerce Platform with MERN ” under my supervision and guidance at Department
Computer Application, School of Computer Application & Information Technology for the
partial fulfillment of requirement for the degree of BCA (Session 2021-2024).

Mr. Harish Sharma

(Associate Professor)
Date……………. Supervisor

2
SHRI GURU RAM RAI UNIVERSITY
Patel Nagar, Dehradun-248001, Uttarakhand, India
(Recognized by UGC u/s 2(f) of UGC Act, 1956)

PROFORMA FOR THE APPROVAL OF PROJECT PROPOSAL

Name of the Student SANTOSH KANDARI

Course BCA Batch-2021-2024 University Enrolment No. R210529055.

Title of the Project “Digital Bazaar : Crafting an E-Commerce Platform with MERN”

Name of the Guide – MR. HARISH SHARMA

Working / Teaching experience of the Guide ASSOCIATE PROFESSOR

Software used in the Project Visual Studio Code, Postman, MongoDB Compass

Signature of the Student Signature of the Guide

Date: ____________ Date: ___________

3
Declaration by Student

I hereby declare that the synopsis of proposed project work entitled “Digital Bazaar : Crafting

an E-Commerce Platform with MERN ” in fulfillment of the requirements for the award of

degree of Bachelor of Computer Application to Department of Computer Application of School

of Computer Application & Information Technology, Shri Guru Ram Rai University, Patel

Nagar, Dehradun, Uttarakhand is an authentic project work will be carried out by me under the

expert guidance as well as direct supervision of Mr. Harish Sharma. I further declare that the

material obtained from other sources has been duly acknowledged in the synopsis.

Signature……………………..

Name: Santosh Kandari

Enrollment No.: R210529055

Department of BCA

School of CA & IT

4
Table of Contents

S. No. Chapter Page no.

1 Introduction 6

2 Basic Hardware and Software Requirements 7

3 Technology Used (MERN STACK) 8

4 Advantages and Features 9

5 E-R Diagram 9-10

6 BIBLIOGRAPHY 11

5
Introduction

E-commerce, or simply electronic commerce, is the term used to describe the buying

and selling of products and services via the Internet. E-commerce is a massive industry

that has grown dramatically in recent years, providing more benefits and conveniences

than offline businesses. The fashion of interaction between businesses and customers

has also changed drastically because of the internet boom and rapid innovations and

development of the logistics industry, and E-commerce has even made it possible for

small businesses to commerce with customers globally. Recognizing this need, we

made the decision to create an E-commerce web application as our project. This project

is implemented using the MERN Stack. MERN Stack is an open-source JavaScript-

based stack that is used for building dynamic web applications more quickly and easily.

It is a combination of modern technologies for building high-end online apps. MERN

Stack is a package of MongoDB, Express.js, React.js, and Node.js

6
HARDWARE & SOFTWARE REQUIREMENTS

Hardware Requirements:
• Processor (CPU): A modern processor with at least a dual-core configuration is recommended
for smooth development.

• RAM: Minimum 4GB of RAM is necessary for running development environments and
multiple applications simultaneously

• Storage: Around 200-500MB of free space for project files is typically required.

Software Requirements:

• Operating System (OS): Any modern operating system such as Windows, macOS, or Linux is
suitable for MERN stack development.

• Text Editor or IDE: Choose a text editor like Visual Studio Code or an Integrated Development
Environment (IDE) like WebStorm for writing code.

• Browser: Any modern browser such as Chrome, Firefox, or Safari for testing and debugging
your web app.

• Node.js: Install Node.js, which includes npm (Node Package Manager), to manage project
dependencies and run JavaScript on the server side.

• MongoDB: Set up MongoDB, a NoSQL database, to store and manage your app's data.

• React.js: Use React.js, a JavaScript library, for building user interfaces.

• Express.js: Employ Express.js, a web application framework for Node.js, to handle server-side
logic and routing.

7
• Additional Packages: Install any additional packages or libraries required for your project, such
as Mongoose for MongoDB object modeling or Redux for state management in React
applications.

TECHNOLOGY STACK:

MERN
MERN stands for MongoDB, Express, React, Node. With these technologies that
make up the stack.

● MongoDB - document database

● Express(.js) - Node.js web framework

● React(.js) - a client-side JavaScript library.

● Node(.js) – Node.js is a JavaScript runtime

Advantages of MERN Stack

● UI Rendering and Performance

● Cost-Effective

● Open Source

● Easy to Switch Between Client and Server

Features

● Authentication using JSON Web Tokens (JWT).

● Admin can add, edit, view, and delete all the items in our store.

● Customers can add items or remove items from the cart.

8
● Display the total bill of the cart and update it as soon as the cart is updated
by the user.
● We only allow logged-in users to buy items.

● Option to pay and checkout thus creating order and emptying the cart.

● Review and Rate button for every product.

FLOWCHART

9
10
Future Scope of The Project

“On-Line Shopping” is a web-based project which is made for remote-shopping or

shopping through the Internet. As the technology is being advanced the way of life
is changing accordance. Now a day’s we can place the order for anything from our
home. There is no need to go the shop of the things we want. The order can be
placed online through the Internet. The payment, the confirmation of purchasing;
we can do everything we want. Now we can think that how the days have been
changed with time. People had to stand in rows to wait there terms to buy a
particular thing from a popular shop. But what is happening now a day’s; we can
extremely surprise that those things can be available on the door-step in few hours.
In future we will try to make this website which work so flexible and beneficial for
the customer and also try to make smooth service.

11
Bibliography

● E-commerce Application using MERN stack. [3] Ullah, S. E., Alauddin, T.,

& Zaman, H. U.

● Developing an E-commerce website. Took a little from YouTube Channels

like WsCubeTech, Yahoo baba.

● Express my gratitude to the Brillica-Services especially “Raghwandra

Singh” for their support and assistance throughout the project.

12