PROJECT REPORT

On

“E – COMMERCE WEBSITE USING MONGODB”

In partial fulfillment of the requirements for the award of degree

In

BACHELOR OF TECHNOLOGY

COMPUTER SCIENCE & ENGINEERING

Submitted by

Jyotirmaan Singh
Yogesh P. Chandak
Yamini Sapkal

Under the guidance of

Dr. Suraj Dhole

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

G H RAISONI UNIVERSITY, AMRAVATI,

ANJANGAON BARI ROAD,AMRAVATI-444701

2023-2024
 DECLARATION
I certify that

a. The work contained in the report is original and has been done by myself under the general
supervision of my supervisor.

b. IhavefollowedtheguidelinesprovidedbytheInstituteinwritingtheSeminar.

c. I have conformed to the norms and guidelines given in the Ethical Code of Conduct of the
University.

d. Whenever I have used materials (data, theoretical analysis, and text) from other sources, I
have given due credit to them by citing them in the text of the Seminar and giving their
details in the references.

e. Whenever I have quoted written materials from other sources, I have put them under
quotation marks and given due credit to the sources by citing them and giving required details
in the references.

f. The report has been subjected to plagiarism check using professional software and found to
be within the limits specified by the University.

g. The work has not been submitted to any other Institute for any degree or diploma

Place: Amravati

Date: JYOTIRMAAN SINGH

YOGESH P. CHANDAK

YAMINI G. SAPKAL

B. Tech 3rd Year

Program: Computer Science &

Engineering
 G H RAISONI UNIVERSITY, AMRAVATI

AMRAVATI-444701

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

CERTIFICATE

This is to certify that the Synopsis entitled

E – COMMERCE WEBSITE USING MONGODB is a bonafide work and it

is submitted to GH Raisoni University, Amravati

by

Jyotirmaan Singh
Yogesh Chandak
Yamini G. Sapkal

For the partial fulfillment of the requirement in the degree of Bachelor of

Technology In Computer Science and Engineering (CSE), during the
academic year 2023-24.

Dr. Suraj Dhole Dr. Amit Gaikwad

Guide HoD CSE
 ABSTRACT

Electronic Commerce is process of doing business through computer networks. A person

sitting on his chair in front of a computer can access all the facilities of the Internet to buy
or sell the products.

Unlike traditional commerce that is carried out physically with effort of a person to go &
get products, ecommerce has made it easier for human to reduce physical work and to save
time. E-Commerce which was started in early 1990’s has taken a great leap in the world of
computers, but the fact that has hindered the growth of e-commerce is security. Security is
the challenge facing e-commerce today & there is still a lot of advancement made in the
field of security.

The main advantage of e-commerce over traditional commerce is the user can browse
online shops, compare prices and order merchandise sitting at home on their PC.

For increasing the use of e-commerce in developing countries the B2B e-commerce is
implemented for improving access to global markets for firms in developing countries. For
a developing country advancement in the field of e-commerce is essential. The research
strategy shows the importance of the e-commerce in developing countries for business
applications.
 INDEX

Sr. No TOPIC

1 TOOLS AND TECHNOLOGIES

1.1 Javascript

1.2 Html/Html 5

1.3 CSS 3

1.4 Mongo DB

1.5 React JS

1.6 Node JS

1.7 Express JS

1.8 Visual Studio Code

2 APPLICATION AND DESCRIPTION

2.1 Overview of the Various Parts

2.2 Administrators Detailed Attribute

2.3 Customer Detailed Attribute

3 Flowchart

4 DATABASE GUI DESIGN

4.1 Database

5 Customer Interface Layout

 INTRODUCTION
E-commerce (electronic commerce or EC) is the buying and selling of goods and services, or the
transmitting of funds or data, over an electronic network, primarily the internet. These business
transactions occur either as business-to-business, business-to consumer, consumer-to-consumer
or consumer-to-business. E-commerce shops have become part of our daily lives. Technological
advancement has made it possible for people to sit in the convenience of their homes and still
shop online without going to a physical shop. Africans have also joined the trend of e-commerce
business, so this project is meant to design an eCommerce online shop so that the people in
Ghana (Africa)will be able to purchase their goods and services online. This project is mainly
divided into two main categories: The Administrators and the Customers/Users. The store
manager and the staff members operate as the administrators. They can add, edit, update
products or, delete products thus they able to change the names of products, change prices and,
add or remove products. The customer can search for products selection, update the cart, remove
products from the cart and check out from the shop. The customer is also able to update his
information such as names, address and other data. The User is only able to browse the online
shop and add a product to the cart. The user is limited to the use of the shop. This thesis contains
eight chapters to explain the project. The first chapter introduces the project; the second chapter
defines the tools and technology used for the project, and the third chapter describes the
application and description of the process. The fourth chapter represents the MVC layout, the
fifth defines the database and the Gui designs, the sixth chapter explains the implementation
process and the seventh chapter describes the testing of the shop and its features the eight chapter
describes the conclusion of the whole project. The ninth chapter illustrates possible future
improvement to the shop.
1. TOOLS AND TECHNOLOGIES
These are the necessary tools and materials needed to build the website both the frontend and the
back-end. These include software and open source materials.

1.1 JAVASCRIPT
Javascript is a high-level language which could be used independently or inculcated into the
webpage. It can be used to, handle requests and responses and also add dynamic behavior and
also store information on a website.

1.2 Html/Html5
HTML means Hypertext Markup Language. This language is used in creating web pages. This
language also supports other languages such CSS, PHP, JAVASCRIPT, etc. in creating
interactive and responsive pages on the pages. HTML5 is just an updated version of the HTML.
It supports new features, new attributes, new HTML elements, full CSS3 support, video and
audio, 2D/3D graphics that help users and also help web developers to create new features easily
on the website. The structure of HTML5 is shown in figure 1./1/ Figure 1:The structure of the
Html/Html5 webpage/11/

1.3 CSS 3
CSS stands for Cascading style sheets. It describes to the user how to display HTML
elements on the screen in a proper format. CSS is the language that is used to style HTML
documents. In simple words, cascading style sheets are a language used to simplify the
process of making a webpage.

CSS is used to handle some parts of the webpage. With the help of CSS, we can control the
colour of text and style of fonts, and we can control the spacing between the paragraph and
many more things. CSS is easy to understand but provides strong control on the Html
documents.CSS is combined with HTML.
1.4 Mongo DB
MongoDB stores data in flexible, JSON-like documents, meaning fields can vary from
document to document and data structure can be changed over time

The document model maps to the objects in your application code, making data easy to
work with

Ad hoc queries, indexing, and real time aggregation provide powerful ways to access and
analyze your data

MongoDB is a distributed database at its core, so high availability, horizontal scaling, and
geographic distribution are built in and easy to use

1.5 React JS
React.js is an open-source JavaScript library, crafted with precision by Facebook, that aims
to simplify the intricate process of building interactive user interfaces. Imagine a user
interface built with React as a collection of components, each responsible for outputting a
small, reusable piece of HTML code.

In React, you develop your applications by creating reusable components that you can
think of as independent Lego blocks. These components are individual pieces of a final
interface, which, when assembled, form the application’s entire user interface.

1.6 NODE JS
Node.js is an open-source and cross-platform JavaScript runtime environment. It is a
popular tool for almost any kind of project!

Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser.
This allows Node.js to be very performant.

A Node.js app runs in a single process, without creating a new thread for every request.
Node.js provides a set of asynchronous I/O primitives in its standard library that prevent
JavaScript code from blocking and generally, libraries in Node.js are written using non-
blocking paradigms, making blocking behavior the exception rather than the norm.
1.7 Express JS
Express.js, or simply Express, is a back end web application framework for building
RESTful APIs with Node.js, released as free and open-source software under the MIT
License. It is designed for building web applications and APIs. It has been called the de facto
standard server framework for Node.js.

Express is a minimalist framework that provides a robust set of features for building web
and mobile applications. It is used to build a single page, multipage, and hybrid web
application. It's a layer built on the top of the Node js that helps manage servers and routes.

1.8 Visual Studio

Visual Studio is an integrated development environment (IDE) that allows users to edit,
debug, build, and publish code for computer programs. It includes features like compilers,
code completion tools, graphical designers, and the ability to build cross-platform apps for
Windows, Mac, Linux, iOS, and Android.

Visual Studio supports multiple languages, including C++, C#, JavaScript, TypeScript, and
Python. It also includes a workload-based installer that allows users to install only what
they need.

2. APPLICATION AND DESCRIPTION

2.1 Overview of the Various Parts

This project has several parts to it, but the most essential are three listed in Table 1.

Table 1: The overview of the three major parts of the shop

2.2 Administrators Detailed Attribute
➢ Admin register - The administrator needs to register before they can have access to the core
data of the shop.

➢ Admin login - The admin logs in and can view, add products, manage customers.

➢ Admin Edit - The Admin can make changes to the shop such as delete customers, add a
customer or, upload new products.

➢ Manage Customer - The administrator has the authority to delete or add a customer.

2.3 Customer Detailed Attribute

➢ Sign up - This refers to registering as a customer. The registered member has a lot of
privileges associated with the shop when one becomes a customer.

➢ Login - After the user has registered, the user becomes a customer, and he or she can
log in with their personal information.

➢ View - The customer can see all the products in the catalog and able to look at the
products and some features on the homepage.

➢ Edit - The customer can make changes to their data displayed on the customer page.

➢ Update Cart - This refers to putting or removing products from a shopping cart.
3. FLOW CHART

• This is only available to the administrators. They can manipulate the shop to suit the
conditions they have set for the shop. They also make sure that customers have a good
experience when visiting the shop by updating products, deleting products, executing
orders to warehouses, and managing customers.
4. DATABASE GUI DESIGN

Design for database and GUI application

4.1 Database
MongoDB stores data in flexible, JSON-like documents, meaning fields can vary from
document to document and data structure can be changed over time

The document model maps to the objects in your application code, making data easy to
work with

Ad hoc queries, indexing, and real time aggregation provide powerful ways to access and
analyze your data

• Product Details:
• User Details:

5. Customer Interface Layout

➢ Home Page
➢ Login Page

➢ Sign Up
➢ Men Category Page

➢ Women Category Page

➢ Kids Category Page

➢ Add To Cart
➢ User Cart

➢ Admin Panel
➢ Product List
 CONCLUSION

In general, today’s businesses must always strive to create the next best thing that
consumers will want because consumers continue to desire their products, services etc. to
continuously be better, faster, and cheaper. In this world of new technology, businesses
need to accommodate to the new types of consumer needs and trends because it will prove
to be vital to their business’ success and survival. E-commerce is continuously progressing
and is becoming more and more important to businesses as technology continues to
advance and is something that should be taken advantage of and implemented.
From the inception of the Internet and e-commerce, the possibilities have become endless
for both businesses and consumers. Creating more opportunities for profit
and advancements for businesses, while creating more options for consumers. However,
just like anything else, e-commerce has its disadvantages including consumer uncertainties,
but nothing that can not be resolved or avoided by good decision-making and business
practices.
There are several factors and variables that need to be considered and decided upon when
starting an e-commerce business. Some of these include: types of e-commerce, marketing
strategies, and countless more. If the correct methods and practices are followed, a
business will prosper in an e-commerce setting with much success and profitability.