Building E-commerce Website Using Node JS

This document provides a comprehensive guide on building an e-commerce website using Node JS. It covers the feasibility, literature review, system analysis, and design. It also explores the use of React JS for building the website and provides detailed information on functional and non-functional requirements. The document concludes with the scope of future work.

Running head: BUILDING E-COMMERCE WEBSITE USING NODE JS
Building e-commerce website using Node JS
Name of the student:
Name of the university:
Author note:

1
BUILDING E-COMMERCE WEBSITE USING NODE JS
Table of Contents
Chapter 1....................................................................................................................................3
Introduction................................................................................................................................3
Background of the Project..........................................................................................4
Objectives...................................................................................................................5
Project Initialization...................................................................................................6
Chapter 2....................................................................................................................................7
Feasibility report for the proposed system.................................................................7
Chapter 3..................................................................................................................................10
Literature review......................................................................................................10
Cross platform applications......................................................................................16
Reaching out huge number of users through cross platform application.................20
Technological application of React JS for building the e-commerce website.........21
Development methodology:.....................................................................................................22
Software and tools used for the development of the site.........................................23
Use of npm in the project.........................................................................................28
Use of different other components...........................................................................29
Development methodology for building the domestic beauty product-based e-
commerce website-...............................................................................................................32
Chapter 4..................................................................................................................................35
Detailed Investigation of the Functional and Non-Functional Requirements..........35
Functionality analysis...............................................................................................................37

2
BUILDING E-COMMERCE WEBSITE USING NODE JS
Functional requirements...........................................................................................37
Non-functional requirements...................................................................................39
Chapter 5..................................................................................................................................40
Detailed system analysis and Design.......................................................................40
Design and implementation of e-commerce website...............................................42
Security measures in developing e-commerce site using react JS:..........................46
Test and Results.......................................................................................................................48
Acceptance Criteria..................................................................................................................53
Conclusion................................................................................................................................54
Scope of future work................................................................................................................54

3
BUILDING E-COMMERCE WEBSITE USING NODE JS
Chapter 1
Introduction
E-commerce or electronic commerce is a common term that is used for many business
purposes in terms of commercial transactions or transferring of information over the internet.
E-commerce platforms covers a wide range of business activities including exchanging of
goods and services between different corporation and to provide a customized solution to
customers using the e-commerce sites. It is a type of technology software solution that helps
in building businesses providing customer solution and products via e-commerce platform. E-
commerce platforms has emerged as the best growth driving agent in the world market place.
Over the last few years, development of e-commerce websites has significantly evolved with
an expected surpass of about $2 trillion annually. E-commerce software helps businesses to
provide customers face the front-end components in a business in the online platform. Online
businesses need special software in order to manage the back-end functions in order to
manage the accounting, the orders and the inventory controls. From upcoming brands, e-
commerce platforms is a vast area in order to venture their brands and to make profit through
the digital platform of the business. E-commerce platforms are known to give support to
various business es by getting them online. According to researches that are conducted on e-
commerce platforms, it is estimated that e-commerce industry is going to set a CAGR of
more than 19% by the year 2020. The entire industry is expected to reach a profit level of
about $28 billion by the year 2019 to 2020. Especially the beauty and personal care market
are known for using the e-commerce websites most frequently for carrying on their daily
business activities. While taking advantages of the e-commerce websites, beauty industries
has flourished a lot in recent years. Domestic beauty product industries are one of the most
successful market in providing latest services and trends related to services and products that

4
BUILDING E-COMMERCE WEBSITE USING NODE JS
they offer to customers. The amalgamation of the e-commerce platform with that of the
domestic beauty industry has experienced a huge growth leading to easy buy of beauty
products which seemed to be much comfortable for the customers buying products from the
e-commerce beauty product sites. There are various factors that led to the rise of the beauty
product industry with the e-commerce platform. The convenience of the customers is the
main reason behind this success. With the beauty product industry being implemented on the
e-commerce platforms, a greater number of customers are getting attracted which serves as
the main reason behind its popularity. Also, as the products are easily available with wide
variety of services and brands, it has led to the rise in the popularity of the beauty e-
commerce platforms. Now there are several ways by which the e-commerce websites based
on domestic beauty products can be developed. This includes using of various front end and
backend tools and software that helps in developing the interactivity interface between the
users and the e-commerce website. In this paper, among all the methods that are used in
developing the site, the use of React JS is chosen as one of the methods to develop an e-
commerce website based on domestic beauty products.
Background of the Project
E-commerce platforms are platforms that are generally built on a certain framework
which includes basic features like a well design web site, administration web interface for the
users, built in data bases, content management system, payment system, customizable, ready
to use, Extendible features with built-in plug in, payment solutions, databases and
personalized themes. The best way to develop such e-commerce platform with the mentioned
functionalities is by using the React JS. React JS is a component based open source front end
library which is mainly responsible for providing the view layer of the applications that are
built under it. The React JS platform uses a virtual DOM based method in order to fill in the
data or the views in the HTML DOM. The virtual DOM that is used in this, works faster by

5
BUILDING E-COMMERCE WEBSITE USING NODE JS
only changing the DOM elements without reloading the entire DOM every time. A react JS
based application is made up of several components which are responsible for providing
small outputs in HTML that can be reused as well. The components that fall under the React
JS front end tool, are equipped with features of nesting with other components while allowing
development of complex applications from simple building blocks. Using React JS in
building e-commerce platforms, allows developers to write components using a single
specific domain language known as JSX. The domain specific language, JSX, allows users to
write components using HTML in contrast with Java Script Events. React JS makes use of
the internal virtual DOM and converts the same ultimately into HTML outputs.
A common E- commerce website is usually comprised of a whole lot of plethora
forms that needs to be filled, complex filters, elements which provides an interactive interface
with different applications, maps etc. While using the React JS in building up of an e-
commerce website, it is very easy to implement features that in turn makes the whole e-
commerce website interactive and user friendly. One of the most beneficial things of using
React JS in building up of e-commerce websites is that it enables storing and manipulating of
the state of the website application by enabling features like filtering through items, here in
this case filtering through various beauty products of different beauty brands. React JS is
equipped with a whole bunch of ready-made modules that are meant for almost all purposes.
So, building the desired domestic beauty product-based e-commerce website becomes much
easier to test and scale accordingly with the help of React JS.
Objectives
The objective of this paper is to build a highly customizable, ready to use, stable e-
commerce website that combines with the normal functionality of a web framework with that
of the e-commerce framework.

6
BUILDING E-COMMERCE WEBSITE USING NODE JS
Project Initialization
With the booming market of e-commerce Taiwan is growing at a swift pace in the
recent years. The net value of this market is valued at a whooping US$ 40 billion
(approximately). Along this lines the average growth rate of this market is 10-20% as observe
by the market analysts. It is predicted by the market analysts that the online retail market
eventually surpass the revenue compared to the sales and revenue from the physical retail
stores which is accountable for more than compared to the billion-dollars retail sector.
Compared to the other countries penetration rate of e-commerce in Taiwan is one of
the highest compared to the other developing countries in the region as well as world. This
naturally involves a large number of sophisticated customers who are accustomed with global
trends related to fashion and beauty products. With the availability of the comprehensive
infrastructure as well as distribution service providers in the country this makes transactions
from the e-commerce platform easier one.
Along with the above mentioned points the incorporation of live broadcast promotion
of the different products on multiple social media platforms, expansion of the different
services as well as payment options through the use of the big data, artificial intelligence in
order to provide better and personalized services to the customers making the e-commerce
popular to the customer compared to the traditional retail outlets.
The proposed system will be designed in such a way that the it would help in
providing effective and centralize storage management of the products through the database,
customers can quickly and easily access the application through the use of the network.
Furthermore, the developed e-commerce platform is intended to deliver information about the
products in an easy and user-friendly UI (user interface).

7
BUILDING E-COMMERCE WEBSITE USING NODE JS
Chapter 2
Feasibility report for the proposed system
According to the statistics of the popularity of E-commerce platforms is increasing
day by day. From the different statistics it is found that 4.5 out of 10 purchases are made
from the online platforms for different product categories. The main customer segment that
makes the most of the purchases through the on line platforms comes under the 21-45 age
group. In spite of high ratio of online transactions on the e-commerce platforms, it is found
that average purchase value for a single customer has been slightly reduces from US$ 950
(approximately) in 2017 to US$ 800 last years. According to the different researchers this
decline happened due to the 30% drop in purchase by the people in the age group 41-55(The
customer groups that had the better spending ability compared to the younger age group).
When the 25-30 age group is considered it is found that average transactions has been
aroused by 14% from the previous year. Most popular categories that were bought by the
different customer groups are clothing and accessories (21%), computers and electronics
(15%), food products (18-20%), beauty and skin care (18%) and household products (14%).
For the information about the products it is also found that the 60% of customers in
Taiwan collects information related to the products mainly from c-commerce websites, 42%
from search engine results, 28% from Facebook and other social networking sites, 26% from
the different price comparison web portals. Therefore, in order to improve the performance in
the market and to have a better market share it is important to implement e-commerce
platform and reach to the ever increasing e-commerce market of Taiwan.
Operational Feasibility: The elementary issue with the existing products sales
system is non-interactive and thus environment they provide to the users. Furthermore, in
case of the traditional systems user interface, it is found that it makes continuous post backs

8
BUILDING E-COMMERCE WEBSITE USING NODE JS
to server. With each post back to the server it takes unnecessary time as well as bandwidth in
order to get response against the request from the server. When the server sends the response
then the applications reloads/refreshes the web page in order to depict the received result.
This call to server in order to get a response against the user request consequently adds up
extra trade off on the application as well as server that causes delay in displaying results
against some request. Search or cart options in order to display specific results that allows the
users to filter results depending on different parameters. The traditional as well as
complicated UI (user interface) are very hard to use.
Economic feasibility
Different segments of the customers characterizes the distinctive group of individuals
or associations an endeavor expects to reach and serve. Client relationship portrays the kinds
of connections an organization sets up with explicit client sections. Incentives depicts the
mates of items and administrations that make an incentive for a particular client portion.
Channels portray how an organization speaks with and achieves its client section to convey
an offer. Income streams speaks to the money an organization creates from every client
fragment. Key exercises portray the most vital things an organization must do to make its
plan of action work. Key assets depict the most imperative resources required to make a plan
of action work. Key organizations depict the system of providers and accomplices that make
the plan of action work.
Drawbacks or weakness of the e-commerce platforms
In order to enhance and create plans of action to exploit the new opportunities which
some of the time prompts procedures unfavourable to the association. The simplicity with
which plans of action can be duplicated and copied over the Internet increment that weight
and diminish longer-term upper hand.

9
BUILDING E-COMMERCE WEBSITE USING NODE JS
Confronting expanded challenge from both national and universal contenders
regularly prompts value wars and ensuing unsustainable misfortunes for the association.
Issues with similarity of more established and 'more current' innovation. There are
issues where more seasoned business frameworks can't speak with electronic and Internet
foundations, prompting a few associations running very nearly two free frameworks where
information can't be shared. This frequently prompts putting resources into new frameworks
or a foundation, which connects the diverse frameworks. In the two cases this is both
monetarily exorbitant just as problematic to the proficient running of associations.
Increased maintenance cost for the business: The online e-commerce application
depends on programming created to help distinctive renditions of the program, you should
refresh the new form of the product from the merchant. Notwithstanding programming
updates and troubleshooting, yet you may should be refreshed routinely and server
equipment. These costs cost the organization a lot of weight.
Security issues to care: Online e-commerce framework utilizing a charge card in
installment, the client may expand the danger of divulgence of the secret phrase. Albeit most
frameworks have found a way to shroud the entered secret phrase, yet there might be danger
of spillage of the secret word. All electronic working frameworks ordinarily have security
and protection dangers, albeit numerous merchants offer secure installment condition for its
installment framework, yet they can't be hundred percent security ensure framework and
whether there are shrouded risks, so organize in spite of the fact that the framework brings
accommodation for customers yet in addition includes a specific level of hazard.

10
BUILDING E-COMMERCE WEBSITE USING NODE JS
Chapter 3
Literature review
The formation of the web and the system economy was a standout amongst the most
powerful achievements of the earlier century. Making an innovative disclosure that profited
expansive undertakings and national economies, yet in addition little start-up business people
and individual buyers. This was made conceivable by the way that the web disentangles
pretty much every part of cutting edge life and gives an entirely different scope of new open
doors for riches creation and inventive organizations. This platform extended quickly because
of the open doors it made on both oddity and scale. For purchasers the web had three
noteworthy advantages; ongoing access to unparalleled measures of relevant data, it has
given the buyer a totally different scope of new computerized audit abilities, and it
additionally changed the openness to convey, share, team up, mingle and cooperate with
different buyers. These three advantages can be clarified in more detail. By enabling the
buyer to get to the correct sort of data the shopper approaches data that legitimately impacts
their requirements. It can all around unmistakably be found in one noteworthy region, in
particular the expansion in value straightforwardness. This drives online costs down
definitely because of the challenge among opponents and making it workable at online costs
to be by and large 10 percent lower than disconnected challenge. The second advantage
enables buyers to do nearly anything on the web, to make their life as advantageous and as
simple on conceivable. The open doors are perpetual and can be found in regions like, doing
your counts on the web, reserving on the web spot from flights to convenience to motion
picture tickets and requesting item to be conveyed right away. In conclusion, the capacity to
impart, share, work together, mingle and interface with different purchasers gives unlimited
chances to the shopper. This capacity to share data makes it feasible for individuals to utilize
the web to get open data; gain learning and even to look for individual association. The web

11
BUILDING E-COMMERCE WEBSITE USING NODE JS
does not just profit the customer, it likewise gives an association the chance to be
progressively adaptable, productive and multifaceted. Over this, the web likewise enables an
association to interface with clients on a more profound dimension. The change that the web
has conveyed to associations, even brought about changing the structures of associations.
This brought about authoritative storehouses to separate and join to help tackle issues all the
more successfully. This is made conceivable through interpersonal organizations that
interface workers, clients and partners. One of the more typical marvels that is winding up
increasingly more prominent is known as open advancements. clarifies open advancement as
"the act of utilizing networks of web members to create, market and bolster items and
administrations".
Competition in the market
The web affected business in different ways. The economy was not simply influenced,
it changed totally. Different variables like procedure, industry structure and even fundamental
business was likewise affected by the web. The web has a few troublesome parts that a new
company's model must benefit from to empower the start-up to offer imaginative
arrangements. By benefiting from these problematic qualities, the web gives certain
economies of scale and degree that can change the result of a start-up's market division
totally. The ascent f the new economy was made conceivable by the ascent of the web. The
web has such a major impact on the economy, that it didn't simply change the old economy, it
made another economy. The new economy contrasts from the old economy in a few different
ways. These ways incorporate, data based innovation, advanced items or administrations,
providing to a worldwide market and empowering contributions to be tweaked. The old
economy focussed on providing to neighborhood markets, misusing the proficiency of large
scale manufacturing, fabricating based advances and the creation of physical merchandise
and ventures. Despite the fact that there are a few contrasts between the old economy and the

12
BUILDING E-COMMERCE WEBSITE USING NODE JS
new economy, it doesn't imply that all the old guidelines of rivalry are never again
substantial. This confusion was made by a great deal of e-organizations.
In today’s market, meeting the needs of the customer plays a very crucial role. The
success of the company depends on the speed at which these customer demands are met. The
ease of life has become an important factor nowadays. People do not want to go to shops
nowadays to buy a product. Instead they prefer to buy it from the comfort of their home on
the internet using an e-commerce website or application. E-commerce has become one of the
biggest industries in the world nowadays. E-commerce Company like Amazon has turned
into one of the world’s biggest and most popular company. The total revenue generated by e-
commerce industries around the world in 2017 was more than 2 trillion US dollars. The e-
commerce business continues to grow every day. The first step of starting an e-commerce
company is building an e-commerce website or mobile application. In this literature review,
the focus will be on some of the ways out there to develop an e-commerce website.
In this literature review, many ways of developing a website will be
discussed along with the technologies used to create and implement them. The core
components of an e-commerce website will be highlighted in detail along with each of its
functionalities. In a general way, the main aspects of an e-commerce website are the
homepage, the shopping cart and the payment feature. A database is also needed to store the
details of the items being sold and also to record customer purchase invoices. A website will
have multiple pages that are all interconnected. It makes navigation easy from one page to
another. The primary components of a website are: Home Page, Product Page, Order Us
page, About Us page, Contact Us page, Admin page, Login page, Register page and Track
Order page.

13
BUILDING E-COMMERCE WEBSITE USING NODE JS
Author divides his website configuration into four layers. The first layer is the
presentation layer that is visible to the user. This layer is being developed using ASP.NET.
The next layer is the business layer where all the transactions are taken place. This layer is
being developed in C#.NET. The next layer is the data access layer which defines the
relations between the different entities in the system and the database. It is mainly responsible
in creating an entity relationship database. This layer is being developed in ADO.NET. The
last layer is the database layer which contains the website database. This is being developed
in MS SQL SERVER 2008. All the layer mentioned above are interconnected. This type of
architecture is also known as the 3-layer architecture. The main functions of this online
shopping website can be summarized in the following use cases: View items, Purchase items,
Instant Pay, Register, Track orders and add items. There are 3 actors here who interact with
this system: User, Visitor, Admin and payment gateway. All of these use cases can be
accessed by the admin. The visitor actor can only access Register and view items. He can
purchase items only after he registers and becomes a user. The user can access view items,
purchase items and instant pay to view, buy and pay for the purchased products.
The payment was being totally handled by the company PayPal and all the customers
were redirected there. The database of the website has the following components: users,
shopping and orders. The users has the following components: userID, username, password,
Email and Role. The shopping can be divided into the following components: shoppingID,
product, ProductID, Cost, Category, Image and description. The orders section can be divided
into: ordersID, order shipped, client name, product name, Quantity, Price and Date of
purchase. These are the tuples for the database. Overall the article uses C# programming
language to implement and design the website. This is quite a simple representation of a
commercial website.

14
BUILDING E-COMMERCE WEBSITE USING NODE JS
The web based shopping system that is being developed for an existing shop. The
project’s main aim is to provide the customers with the benefits of online shopping. This
project is divided into 3 main components: Users, Administrators and Moderators. The
administrator’s job is again divided into: manage moderators, manage products, manage users
and manage orders. The manage moderator job is again divided into 4 parts: Search, block,
add and remove moderators. The manage product job of the administrator can be divided into
3 parts: delete, add and view product. The manage user job has again 4 parts: block/unblock
user, add user, view user and delete user. The manage order job can be divided into 2 parts:
delete order and view order. The moderator’s job is again divided into 3 components: manage
products, manage orders and manage user. The user’s job can be divided into another 4
sections: view product, search product, purchase product and edit profile. Some of the extra
functions that can be performed by the user are: submit cart, check history and edit profile.
This system is much better than a physical shop because it is an uncomfortable and
time consuming process, whereas online shopping is an easy, comfortable and fast process.
The main user functions of the online shopping website are: user login which is used by the
users to login into the system, register new user which is used by visitors to register with the
website and become a user and purchasing an item which is used to buy a product. The admin
functions of the system are: the manage user function which is used to add, view,
block/unblock or delete a user from the system, the manage moderator function which is used
to add, block, delete and search for a moderator, the manage order function which is used to
view and delete orders. The main system design of the process is can be divided into logical
process and physical process. The logical process contains the input designs, the output
designs, databases and the data flow procedures.
The physical design on the other hand consists of the hand written codes a
programmer writes. The codes for the functions of the logical side is written in the physical

15
BUILDING E-COMMERCE WEBSITE USING NODE JS
side. The frontend of this project or website has been developed using Java server pages or
JSP, HTML, Cascading Style Sheets or CSS, Java script and android. The backend has been
developed completely using MySQL as it mainly deals with the system databases. The
software Navicat was used to develop and design the tables in MySQL. The project
developed used technologies quite dated for this time. The technologies used in this project
are widely used everywhere and are simple to implement. The project performed its task as
required. The website let a user to register and then buy a product from the premade database.
The website also generated a receipt on the purchase of the product. The only part missing
from this website was the payment authentication part. Including that part would have
benefitted the project as a whole.
Generally building an e-commerce website require solid knowledge in PHP, MySQL,
CSS and HTML. This can be avoided by using paid web development applications like
Adobe Dreamweaver or Microsoft Expression Web. This software can help in creating high
quality websites by using inbuilt powerful tools. The unique feature of this article is that it
talks about the renting of a web domain host before building the website. While the last two
articles talked about just the website building, this article talks about the website hosting also.
The main components of creating an interactive and dynamic e-commerce websites are PHP
and MySQL. The payment processor and the payment gateway are another two critical
components of building a website. The payment processor can be a site like PayPal or Google
checkout, while the payment gateway is a third party authorization website that securely
executes the transaction. These third party organizations can lead to additional costs as they
will probably charge an annual rate for their services.
The shopping cart feature of the e-commerce website can be developed in three ways:
It can be outsourced to another company which will manage both the shopping cart and the
payment processes, it can be developed in-house from scratch using a programming language

16
BUILDING E-COMMERCE WEBSITE USING NODE JS
like C#, PHP and MySQL or it can be developed using a web page authoring program like
Dreamweaver. The security aspect of the website has also been highlighted in this article
which makes use of SSL encryption certificate to secure the website. This certificates can be
purchased separately. The SSL service provider must be chosen carefully as much of the SSL
features depends upon the service providers. This aspect of security was missing from the
previous two reviewed articles. So, the main aspects of developing a e-commerce websites
according to this article are: Choosing proper web design tools, Selecting a proper web host,
Pick a secure payment solution, Choose or create a shopping cart and Obtain a secure and
credible SSL certificate. This article focused less on the designing aspect of the website but
instead focused on the separate components required for developing and hosting a fully
functional e-commerce website.
While most of the articles talked about the designing and developing aspect of the
website, only one article highlighted the other crucial components required to make the
website functional for commercial uses. The missing aspect of all these articles except the
last one was that these articles used old technologies rather than the new technologies like
nodejs and firebase. This made some aspects of developing a new website aged and some
designs outdated. Hence, the improvements that these articles needed would be the use of
new technologies like nodejs, angular and firebase. These technologies not only improves the
designing process of website but also makes the websites much more secure. Also
implementing these technologies will make the designing process simpler by reducing the
amount of code generated. For example, the use of Firebase combines both the authentication
and database aspect of the website in a single application. Also the other components like
authentication, security and transaction systems must be incorporated when designing a
complete website system.

17
BUILDING E-COMMERCE WEBSITE USING NODE JS
Cross platform applications
Cell phones, for example, cell phones and tablets have drastically expanded in
ubiquity. As per the Infographic's most recent portable development measurements for 2013:
91% surprisingly on the planet have a cell phone, and 51% of individuals claim a cell phone.
half of cell phone clients, utilize the cell phone as their essential Internet source. 80% of time
on portable is spent inside applications. The prominence of versatile applications has made
gigantic market opportunity which turned organizations center around portable application
improvement. As of now, there are somewhere around four stages with pertinent number of
clients. For every one of these stages, an application should be made independently because
of the distinctions in programming interfaces, libraries, and programming dialects. This
makes a test for the organizations since building up an application for all stages takes a great
deal of assets. Be that as it may, not supporting stages applicable for their clients might be
hazardous for big business. In any event Android and iOS support is required for business
applications. Cross-stage advancement approaches rose to address this test by enabling
engineers to execute their applications in a single step for a scope of stages, keeping away
from reiteration and expanding efficiency. These methodologies need to permit arrangement
on a few portable stages. Likewise, they have to enable designers to benefit from their
particular preferences and conceivable outcomes of cell phones.

18
BUILDING E-COMMERCE WEBSITE USING NODE JS
Feasibility
Particularly for littler organizations the choice to select a system may be vital because
of the noteworthy starting venture. Markers of long haul achievability are short update cycles,
normal bug-fixes, backing of most up to date forms of portable working frameworks, a
functioning network with numerous engineers, and a few business supporters consistently
adding to the structure advancement.
Look and feel
While the outward presentation of an application can be impacted amid improvement,
it does make a difference whether a system naturally bolsters a local look and feel or whether
its UI looks and acts like a Web webpage. Most clients look for applications that take after
local applications. Besides, this paradigm endeavors to find out how far a system underpins
the extraordinary use reasoning and life-cycle characteristic to an application. Applications
are every now and again utilized for a short measure of time, must be "moment on", and are
probably going to be intruded, for example by a call. When coming back to the application,
clients would prefer not to rehash their info yet needs to proceed with where they left the
application.
Advancement condition
Assesses development and highlights of the advancement condition ordinarily
connected with the system, especially the device support (IDE, debugger, and emulator) and
functionalities like auto-fulfillment or computerized testing. The expression "simplicity of
establishment" abridges the exertion for setting up a completely usable improvement
condition for a system and an ideal stage.

19
BUILDING E-COMMERCE WEBSITE USING NODE JS
Simplicity of improvement
These standard entireties up the nature of documentation and the expectation to learn
and adapt. Along these lines, the nature of the API and documentation is assessed. This piece
of the foundation is well-satisfied if code models, connections to comparative issues, client
remarks, and so forth are accessible. The expectation to absorb information portrays the
emotional advancement of a designer amid his first examination of a structure. Natural ideas
looking to some extent like definitely realized standards take into account quick achievement.
This can significantly affect how quick new partners can be prepared and how much extra,
structure explicit learning an engineer needs to secure.
JavaScript engineering consolidates object-arranged, practical and scripting dialects
ideal models. Punctuation savvy, JavaScript depends on organized design, with subroutines,
square structures and circles. While it is object-arranged, JavaScript does not have classes,
however depend on article models for legacy. This implies the techniques and fields of the
articles' models might be powerfully changed for future development of these items.
Capacities in JavaScript are additionally questions, and can be sent as contentions to different
capacities as the case in utilitarian dialects; capacities can likewise have strategies and
properties of their own. JavaScript provides dynamic composing just as static composing.
Factors could be characterized with a particular type, for example, Number of String, or
threw progressively by instating it as a var. In addition, JavaScript, such as scripting dialects,
permits the utilization of variadic capacities (number of contentions is not characterized), and
underpins Regular articulations, for example, in Perl. At long last, JavaScript's help for
cooperative exhibits is the reason for the development of JSON information designs.
Utilizing a solitary language all through the stack empowers the reuse of assets, for example,
JSON objects which can be controlled a similar path by any piece of the stack.

20
BUILDING E-COMMERCE WEBSITE USING NODE JS
Reaching out huge number of users through cross platform application
Unlike earlier days, there is no such technological barrier in modern businesses which
refrains from reaching to the customers. There are ample of opportunities that lies with
todays world. Java script frameworks like node JS and React JS offers high quality web
development environment in this respect. Many of the websites that are built on the e-
commerce platform, demand to be developed using JavaScript frameworks and hence
developers often use the Node JS and React JS to create high performance and high
interactivity websites over the e-commerce platforms. Node JS offers features that are
convincing and are best for developing server-side applications. Node JS is a type of Java
Script framework that allows users to trigger small java script programs using the command
line. No browsers are involved in this type of framework. Node JS is an open source, cross
platform server-side programming language platform that is usually built on the V8
JavaScript runtime environment of Google Chrome that runs the java script outside of the
browser. Node JS is a type of non-blocking event driven, asynchronous I/O system that does
not depend on any type of API in order to complete its next call. The Node JS works by
executing the next event and coming back to the previous event with only a function call that
was specified before. This non-blocking nature of Node JS makes it much light weight,
scalable and efficient for developing real time web applications. Node JS creates a server on
its own by using the HTTP module, taking account of the incoming requests, handling
requests, validating the data through input, connecting to the database and returning the
response by rendering an HTML page. Besides building server-based applications, Node JS is
also used for building client-based applications. But majority part of Node JS suffers from
certain limitations related to security and the methods by which the modules under it are
managed. Node JS is very much popular in websites of PayPal, Wal mart and many more and

21
BUILDING E-COMMERCE WEBSITE USING NODE JS
developers are now aware of the threats that are faced with the application of Node JS for the
applications. Node JS shares risks of security with respect to the client-based applications.
Technological application of React JS for building the e-commerce website
In contrast with past experiences, the development of e-commerce websites has gained
significant importance in the e-commerce industry. The reason for such a development is that
it is much easier to build e-commerce websites and they are very much cost effective. E-
commerce websites can be built using various platforms but the most common and efficient
method or platform for designing an e-commerce site is by using the React JS platform.
Using React JS for developing e-commerce websites has several advantages-
1. It provides flexibility. Using React JS enables to apply easy code reuse through the
websites. The React JS comes in handy once it starts scaling and expanding the
integration of the shopping cart of the beauty product websites.
2. It is much faster. As the React JS uses the virtual DOM it helps in providing a much
efficient way of updating the web application.
React JS is one of the best frameworks in order to develop the front end of a website. It
allows integrating with the help of different back end platform like Node JS, PHP and many
more.
After using the React JS while building the domestic beauty product-based e-commerce
website for this research paper, the findings that that were reflected are listed as follows:
1. After building the website the users will be able to create account of their own on the
website.
2. Users will also be facilitated with the ability to edit their information when required.

22
BUILDING E-COMMERCE WEBSITE USING NODE JS
3. Users using the domestic beauty product-based e-commerce-based website, the users
will be able to browse through the website through all the products that are listed
under different categories and brands.
4. Using the React JS open source framework in building the e-commerce beauty
product-based website, users will also get the advantage of checking the prices and
description of the products as well as will be able to view the products.
5. Users of the former e-commerce website will also be able to add one or more products
to their shopping carts of individual accounts.
6. The e-commerce website that will be built using the React JS opens source
framework, will provide the users with features like viewing, removing products from
their cart.
7. And finally, the platform will provide the interface for ordering and paying of
products that are bought. Users will also get the feature for downloading the invoice
for the ordered product.
8. When it comes to admin, the platform that will be built using the React JS framework,
will enable the admins of the domestic beauty product-based website to add as well as
edit products to the database of the server.
Based on all these findings that the e-commerce platform will provide, the next
step is carried out which is the development phase.
Development methodology:
This paper focuses on building up of a domestic beauty product e-commerce website
that facilitates buying and selling of beauty products via the internet. It involves two sets of
users; one is the admin and the other is the users. Admins in the website platform are
responsible for adding the beauty related products, their description and price of the products

23
BUILDING E-COMMERCE WEBSITE USING NODE JS
to the database. Similarly, the other set of users that is the customers are enabled with
browsing through all the products that are listed in the domestic beauty product-based e-
commerce website. The users or the customers are also enabled for adding products in the
cart and to make the necessary payments of the products that are bought or ordered. After
designing the necessary features that need to be added in the beauty product e-commerce
website, the necessary requirements are listed under the software and tools sections that are
required.
Software and tools used for the development of the site
It is very important to choose the right tools and environment setups for developing a
user-friendly e-commerce website. The right combination of tools and software increases the
efficiency to complete the work while saving time and optimizing the performance as well as
reliability of the e-commerce website that will be developed in order to do the desired work
that are listed under the finding section. Using right tools and programming languages makes
the web application that will be developed a lot easier to use. For developing the described e-
commerce website that will provide details and facilities to buy domestic beauty-based
products, the following software and tools are thus used which are as follows:
1. Visual studio code
2. React JS
3. Firebase
Visual Code Studio: Visual code studio is type of editor that is used to edit the
source code. The Visual code studio editor is developed by the Microsoft mainly for the Mac
OS, Linux and Windows server. The Visual Studio code is facilitated with features that helps
in supporting the debugging of the embedded Git Control, completion of intelligent code,
snippets and also helps in refactoring the codes. The Visual code studio can be easily

24
BUILDING E-COMMERCE WEBSITE USING NODE JS
customizable and hence allows users to change or edit the themes, shortcuts of keyboards and
other preferences. The source code that is used in the Visual code studio is free and open to
use and is released under the permissive license of MIT. The binaries that are compiled under
the Visual code studio are mainly freeware and are mainly used for commercial or private
purposes. Visual Code Studio is mainly based on electron which is known as the framework
used to deploy on Node JS applications. It is also beneficial to be used in the React JS
applications. Here in this case the Visual studio code helped in deploying the domestic beauty
product-based e-commerce website that is developed using the React JS platform. The visual
code studio can be integrated with a wide rang of the programming languages. It enables
users to open one or more directories which can also be saved in the work place for future
use. This feature of the visual code studio helps in operating as a code editor for any
languages in contrary to the Microsoft Visual Studio. The visual code studio is also enabled
with the feature to delete unwanted files or folders from the project tree from the settings tab.
Visual code studio is equipped with various plugin features which are available through a
central repository. In addition to this feature, it also enables features like editing and language
support. One of the notable features of Visual Code Studio is that it allows creating
extensions that helps in adding supporting features for new languages, debuggers, themes and
many more. The Visual code studio is also equipped with feature like performing the analysis
of the codes, adding code linters, connecting to additional servers and using the Server
language protocol. Visual cod studio allows users to set up code pages in order to save the
documents with new line characters for the Linux or windows server. The Visual Code
Studio supports a whole lot of major programming languages like Java Script, HTML, CSS
but other language extensions can be downloaded for free for using them on the Visual Code
Studio platform. Visual code studio is one of the widely viewed light weight and fast, flexible
framework to be used under various domains including React JS, Node JS, Java and even C+

25
BUILDING E-COMMERCE WEBSITE USING NODE JS
+. The data collection procedure of Visual Code Studio is done by using the Microsoft
controlled subsidiaries and affiliates.
React JS: React JS is one of the native frameworks which can be used for developing
websites as well as applications on the e-commerce platforms. React JS can be used for
building both iOS and android applications. React JS is an open source technology
framework that is available to everyone’s disposal. It provides a great extent of flexibility
while building websites. With this flexibility feature of React JS it enables web developers to
use any text editor or IDE for developing the web applications. React JS is equipped with
features for creating interactive User interfaces. It helps in designing simple views for each
stage of the web application. It efficiently gets updated by rendering the right components
that are used while changing any data. The declarative view of React JS framework, allows
coding to be more predictable and much easier for debugging. With the help of React JJS,
encapsulated components can be developed that helps in managing their own state and helps
in composing complex User Interfaces. Since the component logic of React JS is written in
JavaScript, instead of using template, it enables users to easily pass enriched data through the
website application keeping the state out of the DOM.
When a page is stacked into an internet browser, a Document Object Model (DOM) is
made containing that website page. A DOM is a portrayal in type of a tree structure and
shows the structure of the present page and its state utilizing HTML components. At the point
when an activity is performed on the site page, for instance the client explores to another
page or the application gets information from a server, the new page is either reproduced or
the substance of the DOM is controlled by JavaScript. The last is done when utilizing a single
page application (SPA) yet DOM control is costly and has turned into a mantra. The code
base will turn out to be difficult to keep up and the changes are moderate since they can't be
upgraded for speed. So as to get the synchronization between the applications UI state and the

26
BUILDING E-COMMERCE WEBSITE USING NODE JS
information model's express, a two-way information restricting can be utilized. This can be
accomplished by utilizing key-esteem seeing which is utilized by Knockout.js and iOS and
the other one is filthy checking which the structure Angular by Google is utilizing. This
would require a connecting capacity so as to take a gander at what information has changed
and significantly make changes to the DOM to keep it refreshed.
Respond utilizes an idea called the Virtual DOM rather than a two-way information
tie. The Virtual DOM specifically renders subtrees of the hubs in the DOM dependent on the
present state, bringing about a negligible measure of control required so as to keep the page
refreshed. The Virtual DOM is a portrayal of the real DOM and is a reflection which allows
the capacity to treat the JavaScript and the DOM as though they were responsive. Respond
will store the condition of the application inside and possibly play out the DOM control when
the state has changed. At the point when the condition of the information show has changed,
the virtual DOM and React will re-render the UI to a virtual DOM portrayal. From that point,
respond will contrast the two virtual DOMs with one another so as to distinguish the
distinctions and what is required to be controlled. These distinctions are thus refreshed and
rendered into the genuine DOM. This procedure is called compromise and is all because of
the making of the parts. At the point when the segment is initialised out of the blue, the
render strategy is called and a string of markup is delivered and infused to the DOM. At the
point when the information changes, the render strategy is called by and by. The distinctions
of the arrival esteem from the past and the new call is the negligible arrangement of changes
should have been connected. Use of ReactJS: In React Native the designer can decide to
either utilize JS(JavaScricpt) or on the other hand JSX library, however React Native
unequivocally encourages the engineers to utilize JSX. It is brief and has a recognizable
language structure for characterizing tree structures with properties and is likewise

27
BUILDING E-COMMERCE WEBSITE USING NODE JS
progressively regular for plan designers. For the Canine of Sweden venture JSX was utilized
as the programming language.
Through the use of the ReactJS and different available in it, it is possible to pass
more than strings to the other components. It is also possible to pass numbers and different
other type of objects to the components as well as functions. In the different sections of this
report the discussion about defining the properties are also provided in order to build a
component api.
In spite of statically defining content on the pages the “Content” components of
ReactJS in order provide dynamic content from the database. This is similar to the HTML
components with which it is possible to pass multiple elements inside a component
JSX is JavaScript with a similar syntactical expression which permits a blend between
JavaScript and XML labels. JSX is a protested situated programming language that is
intended to keep running on internet browsers. Since React Native needed the designers that
are utilized to create for web to get a similar inclination they picked to utilize JSX. The JSX
code is still arranged in JavaScript. JSX improves the code so it runs quicker contrasted with
on the off chance that it was composed legitimately in JavaScript. In as opposed to
JavaScript, JSX is statically-composed. JavaScript is renowned for having a terrible
investigating framework, most mistakes will be discovered amid the gathering process the
investigating framework gets substantially more powerful. Adjacent to that the genuine
coding process is fundamentally the same as JavaScript, the articulations, making techniques
and proclamations, in this manner it isn't troublesome for a designer that is utilized with
JavaScript to change to JSX.

28
BUILDING E-COMMERCE WEBSITE USING NODE JS
React.js is a library for the web programming language JavaScript, and it is utilized
for making User Interfaces of websites. In May 2013 Facebook presented React and from that
point forward it has developed gigantically, both inside and remotely. Numerous engineers
work with React in light of the fact that it gives more time to focus on making a decent item
as opposed to battling with the structure. Instances of enormous sites that utilization React are
Netflix, Facebook also, numerous more. Respond is based on parts and each segment speaks
to a view. Having a wide range of segments makes it simple to repeat with the items,
provided that a change should be influenced the entire framework to don't need to change,
just the particular segment. Respond is for web and making a local portable condition is more
difficult. For instance, when expanding on the web the designer could without much of a
stretch spare the records and reload the program to see the changes, in the interim working
with local application it must be recompiled what's more, introduced on the emulator or the
physical gadget. Facebook realized that they have a local application at any rate since it is
increasingly reliable and a superior inclination experience. Given the distinctive UI segments
that comes with local applications like route, maps, etc.
Use of npm in the project
While working with the e-commerce kind of project, which for this situation implies
making an application starting from scratch, it is important to have a tool that deals with the
distinctive bundles, ensuring that they are matched up. Fortunately for JavaScript clients there
is something many refer to as NPM, which is an instrument that empowers JavaScript
designers to effectively share and reuse code and update the codes that are utilized or shared.
When working with portable applications there are a few bundles with various modules for
various issues. NPM have something many refer to as "npm start" that runs the bundle begin
content with the goal that the distinctive packages get matched up.
Use of npm in the project;

29
BUILDING E-COMMERCE WEBSITE USING NODE JS
Use of different other components
FlexBox: Flexbox ensures that the component inside a compartment fits to the
portable gadget it is seen on. This part makes it entirely adaptable to move around the diverse
components inside the compartment, which helps when taking a shot at the plan with React
Native. A flex holder fills the accessible space or therapists them to counteract overflow.

30
BUILDING E-COMMERCE WEBSITE USING NODE JS
Navigator: The Navigator segment is determinant for this application, and for most
applications when all is said in done. The pilot part makes it conceivable to follow along of
where in application the client is so it turns out to be anything but difficult to change between
the distinctive scenes in the app. The pilot part is accessible for both stages, however there is
additionally a guide that is accessible for iOS. It is important to deliberately choose if the
application will be accessible for both of the stages or just iOS when working with React
Native, since there are numerous segments that are accessible for iOS and not Android.
Navigation Bar: The NavigationBar part was made through the Navigator segment.
Because of the Navigator it was anything but difficult to monitor where the client was also,
could undoubtedly move the client to the following or past page. To be ready to make it
simple for the client so the client can feel in charge it was vital that a route bar that was
constantly accessible for the client. The NavigationBar enables the designer to plan a bar and
include two button controls, one right and another at left and a title that educates the client
what see it is.
Firebase: Firebase is a platform for developing web-based applications. Firebase
enables web developers to integrate online chat services within the created website. The first
product of firebase was the Firebase Realtime Database which is a type of API that
synchronizes the data of the application across different web devices and stores the data on
the Firebase’s cloud. The Firebase assists software and web developers in developing real-
time and collaborative applications. In the year 2014, Firebase was acquired by the Google.
Firebase expanded its services for generating a unified platform for the web developers.
Firebase analytics is a cost fee app which helps in measuring the solutions for providing
insights for using the application or the website and thus helps in providing user engagement
features. A firebase has different types of platform integrated within it which includes-

31
BUILDING E-COMMERCE WEBSITE USING NODE JS
Firebase cloud messaging, Firebase Auth, Real time database, Firebase storage and Firebase
hosting.
Firebase cloud messaging- Firebase cloud messaging or in other words also known
as the Google Cloud Messaging is a type of cross platform that helps in providing solutions
related to messages and notification for the website that will be developed on the e-commerce
platform. The Firebase Cloud Messaging service is free of cost to be used for the web-based
application.
Firebase Auth- Firebase Auth is a type of service of Firebase that helps in
authenticating users of the e-commerce website using the feature of client-side code. It helps
in supporting social login providers like Facebook, GitHub, Twitter and Google. It uses the
user management system in order to enable the developers to add in features of authentication
using the email id of the users and implementing password-based login in the firebase.
Real time database- Firebase helps in providing real-time database and backend
services to web application developers allowing synchronizing of application data of clients
with that the data stored on the cloud of the Firebase.
Firebase storage- The firebase storage feature of Firebase helps in secured upload of
files and data for the Firebase based web application. It works in almost all types of networks
regardless of its quality. Website developers can use this Firebase storage feature in order to
store images, audio, video and other generated contents. The entire Firebase storage is backed
up by the Google Cloud Storage.
Firebase hosting- Firebase hosting is one of the dynamic as well as static web
hosting service that is provided in the Firebase feature. It supports all types static hosting files
such as Java Script, CSS and HTML as well as other functions of the cloud. The firebase

32
BUILDING E-COMMERCE WEBSITE USING NODE JS
hosting service helps in delivering files over a network of content delivery. With the help of
secure socket layer encryption or SSL and the HTTP Secure.
Development methodology for building the domestic beauty product-based
e-commerce website-
The entire e-commerce website based on the domestic beauty product is developed by
following the agile development methodology. Agile Development methodology is one of tge
most popular Software Development Life Cycle Model other than the Waterfall model. In
contrast to the waterfall model, the agile development method focuses on the adaptability
process and the satisfaction of the customers by delivering the software product rapidly. The
agile software development methodology is a unique approach towards software development
that helps in providing solution through the collaborative approach of self-organizing. It
governs the adaptive planning, early delivery, evolutionary development and continual
improvement of the developed software by continuously encouraging rapid and flexible
response to the changes that takes place in the development of the web or software
application. The features that gets valued under the Agile software development methodology
are as follows-
1. Individuals and interactions over tools and processes.
2. Customer collaboration with the negotiation over the contracts.
3. Working software over inclusive documentation.
4. Responding to the changes that are done while planning.
The entire Agile software development methodology is based on twelve set of
principles which are as follows:
1. User satisfaction by continuous and early delivery of the software or the web
application.

33
BUILDING E-COMMERCE WEBSITE USING NODE JS
2. Welcoming changes if required in the requirements even in case of late development.
3. Projects that are built under the agile development methodology are mostly built
around trusted individuals,
4. Delivering working software application frequently
5. Initiating face to face communication in the whole process of the development of the
software or the web application.
6. Sustainable development by maintain a constant pace in the development process.
7. Continuous attention to the technical development and in the design process.
8. Working software is the primary indication of the progress of the development cycle
of the software.
9. Simplicity-the entire software development process should reflect the art of
maximizing the amount of work that is not done.
10. Regular reflection of the team in order to become more effective and adjust
accordingly.
11. Close and daily cooperation
12. Use of best architecture, designs and other requirements for the process of web
development should be followed.
The main focus of using an agile development methodology is by delivering quality
services and products by making use of specific and suitable tools and techniques with
includes continuous integration, paired programming, designing of patterns, test driven
development, behavior driven development, domain driven design, automated unit testing
and many more. The agile development methodology is an overall process that initiates
incrementation with multiple iterations. Each of its iterations are composed of
fundamental Software Development Life Cycle phase with some minor modifications.
The phases under the Agile software development model includes-

34
BUILDING E-COMMERCE WEBSITE USING NODE JS
 Planning phase
 Designing phase
 Building phase
 Testing phase
 Reviewing phase
 Launching of the products.
A typical iteration of the agile software development methodology last over only two
to three weeks. Every iteration involves working of the agile development team cross-
functionality while simultaneously working on the areas of their own. Agile development
methodology is used as an adaptive approach where there is no presence of detailed planning
process. The development methodology is only used to clarify the features that are necessary
in order to develop the website on the e-commerce platform. Teams under agile development
methodology gets adapted to the dynamic requirement of the products or services that gets
developed under this methodology. The products under this methodology is trusted reviewed
which helps in reducing the risks of getting failure.
Starting the project

35
BUILDING E-COMMERCE WEBSITE USING NODE JS
The main reason for selecting the agile software development methodology here in
developing the domestic beauty product-based e-commerce website is due to its flexible
nature. The project of developing the e-commerce website requires new functionality that can
be added at any time and thus needs features like dynamicity.
Chapter 4
Detailed Investigation of the Functional and Non-Functional Requirements
A large number of the benefits of web based business will be lost in the event that it is
executed in seclusion. It is vital to include providers and merchants. This includes spreading
the web based business culture past the organization limit. Be that as it may, if accomplice
organizations are willing it might be conceivable to collaborate being developed work and
preparing. It tends to be productive to audit current appropriation and inventory network
models utilized. It is important to look at the potential impact E-trade will have on your
present coordinations. It is probably going to be conceivable to expand the quantity of
electronic associations, and as a result streamline between hierarchical procedures with

36
BUILDING E-COMMERCE WEBSITE USING NODE JS
money related focal points for all concerned. The association with accomplice organizations
should be constantly explored as different organizations make and pursue their own drives.
The SWOT examination will include recognized qualities inside the organization that
might be usable in the online business venture. For instance, if an organization as of now has
a decent conveyance arrange this might be the establishment for building up the web based
business dispersion. It is important to distinguish and comprehend what your clients and
accomplices anticipate from the Internet and from online business. It is important to realize
what number of clients are capable and willing to interface over the electronic systems and
direct electronic exchanges. This may require studies and meetings to learn of client
mentalities.
When the customer base is recognized the organization can construct an affectionate
network with its clients, urging clients to discover increasingly about their items and
administrations through message sheets and messages. This manufactures the organization's
picture. Besides, it is discovered that got some answers concerning the clients, the more the
items can be custom-made the client, the more uncertain they will be to change to another
provider. For instance, Tesco constructed its online picture on items and administrations they
offer. In any case, this should be an on-going action all through the improvement and activity
of the framework as clients' needs and needs are changing as quickly as the innovation
progresses. To exploit the on-line client, network a web driven showcasing system needs to
create nearby the specialized improvements. Regardless of whether the present showcasing
methodology has considered the Internet, it is important to build up an advertising system
that plainly focuses on the Internet as an essential promoting channel.

37
BUILDING E-COMMERCE WEBSITE USING NODE JS
Functionality analysis
Requirement Elicitation is the main period of prerequisite designing which
incorporate four stages, to be specific necessities elicitation, prerequisites documentation,
prerequisites approval and check, and necessities the executives. Necessity elicitation is the
movement of evoking the pertinent prerequisites from various partners. The crude
prerequisites mostly accumulated from the different perspectives of clients, different
necessities got from patrons, engineers, quality affirmation groups, investigator, business
destinations, framework working condition, the limitations, and promoting condition.
Necessity examination is the way toward inspecting the abnormal state prerequisites. In this
procedure, the necessities are resolved to see whether they are clear, finished, and free of
logical inconsistencies. On the off chance that there are a few issues on that, it needs to
characterize the methodology to determine the issues. There are a lot of exercises to check the
acquired necessities in this stage, which include checking the requirements of partners, the
consistency of communicated prerequisites, the culmination of prerequisites, and the
attainability of necessities.
Functional requirements
The will give various capacities; each is recorded beneath.
• Maintain information related with the stock.
• A Product has a title, description and cost
• The stock likewise monitors the stock/amount of each book
• Maintain records for some clients
• A client can be either a part or non-part.

38
BUILDING E-COMMERCE WEBSITE USING NODE JS
• A client has a username (special over all clients), secret key (no confinements),
email
address (no limitations), and postal location (unsubstantiated.)
• Anyone may agree to accept a client account.
• Allow any client to turn into a part.
• are to be shown in sorted order request by title.
• Each product will list the accompanying from left to right
• Price
• Allow clients and chiefs to sign all through the framework.
• Users (the two clients and the chief) will be logged out if dormant for 30 minutes.
• Shopping truck
• Anyone can add at least one books to the shopping basket.
• The shopping basket does not have to permit different duplicates of any book.
• Checkout
• Checkout is just accessible to signed in clients. A client that is not signed in as a
client is allowed to sign in.
• Member clients may enter an advancement code.
• Only one advancement code might be utilized per buy
• The advancement is a fixed rate rebate that will be connected to a whole request.

39
BUILDING E-COMMERCE WEBSITE USING NODE JS
• The rebate is determined by the administrator at the season of the advancement's
creation or latest update/alter.
• Log/record the exchange
• Allow director to determine a stop-request for a book
• Each book has its very own stop-request status – either on or off. Subtleties of its
utilization are included in the accompanying element.
• Notify director when books should be reordered
• When the amount a book falls beneath a limit; the director is told that the book.
Non-functional requirements
System should be able to handle multiple users.
Login by username, password should be incorporated wherever necessary
Should be user friendly and display easy to understand error messages
Reliability
Data validation & verification need to be done at every stage of activity.
Validation user input
Availability
The web application should be available anywhere and anytime.
User Session should timeout after 20 minutes of inactivity.
Performance
The system will be used by multiple users and may grow as time passes.

40
BUILDING E-COMMERCE WEBSITE USING NODE JS
Necessary measures need to be taken to make the system as fast as possible
Impact of the different non-functional requirements on the project
The security and information on the e-commerce system are affected. This was an
abnormal state sway as data, for example, staff subtleties; staff preparing and compensation
were private. The web engineer needed to guarantee that suitable access control was being
authorized. The work forms likewise included private information that required prohibitive
access.
Chapter 5
Detailed system analysis and Design
Scope of the Proposed system
So as to develop the new e-commerce platform, which can make potential clients
whenever by means of the web to hold or purchase the machine items. This data can be
gotten to by means of web interface. Accordingly, the client can without much of a stretch
access and update client data and apparatuses subtleties. The principle procedure we need to
consider: online hold, request preparing, and capacity the executives. The objective of our
venture is to structure and actualize multi-capacity and simple to utilize interface deal
framework to address the circumstance of hinder counter tasks. The primary capacity we
need to consider: request preparing, request dealing with, stock update, and client enlistment.
Home page of the Developed e-commerce site

41
BUILDING E-COMMERCE WEBSITE USING NODE JS
Product description page
Add to cart option when the product is selected

42
BUILDING E-COMMERCE WEBSITE USING NODE JS
Empty cart for a user
Empowers diminished inventories and overheads by encouraging 'pull'- type
inventory network the board – this depends on gathering the client request and after that
conveying through JIT fabricating. This is especially valuable for organizations in the high
innovation area, where loads of segments held could rapidly turned out to be outdated inside
months. Lower media communications cost. The Internet is a lot less expensive than esteem
included systems (VANs) which depended on renting phone lines for the sole utilization of
the association and its approved accomplices. It is likewise less expensive to send a fax or
email by means of the Internet than direct dialing.

43
BUILDING E-COMMERCE WEBSITE USING NODE JS
Design and implementation of e-commerce website
Overall description
The e-commerce website that is built based on domestic beauty product, consists of the
following features:
1. Any member can register and view the beauty products that are available on the site
of the e-commerce website.
2. Only the members who are registered with the beauty websites with their account can
purchase multiple products and there is no limitation of quantity.
3. There is another page where the contact details of the admin are included so that users
who are using the websites can contact the admin in case if there is any query.
4. The entire web page consists of three roles including the visitors, users and the admin
Using of the Code:
The entire web application that is written in React JS is made run on the Visual studio
code.

44
BUILDING E-COMMERCE WEBSITE USING NODE JS
Master Page details:
The online shopping master page for the beauty product is made. It is similar for both
the visitors as well as for users and the admins.
Details of the e-commerce web page that is designed:
The web page that is designed based on the domestic beauty product consists of the
following:
 Home page
 About us page
 Products page
 Place order page
 Contact us page
 Login page
 Register page
 Track order page
Data management process of the e-commerce domestic beauty product-
based website:
The database of the developed e-commerce website consists of –
 Users: the information of the user and the admin is added to the websites
database with a unique ID based on their specific roles.
 Shopping of the beauty products: Complete information about each of the
beauty products is stored in this database table.
 Orders: The orders of the beauty products that are made by the users are stored
here with detailed information about the status and delivery of the product.

45
BUILDING E-COMMERCE WEBSITE USING NODE JS
Data objects:
The data objects of the e-commerce website consist of the following data objects:
 User ID, User Name, Password, Email, Role
 Shopping ID, Product, Product ID, Cost, Category, Image, Description
 Order ID, Product, Quantity, Price, Order shipped
Description of the mechanism of the overall e-commerce domestic beauty product-based
website:
As the e-commerce website is developed, at the beginning when the web
application stats, users are directed towards the beauty products page. In the page where the
beauty products are viewed there is a small option called as my cart which when clicked
gives details of the products that are taken into the cart for buying them later. When the cart
is empty, the page will display a message saying that the cart is currently empty. However,
when users get back to the product page, each of the beauty products that gets displayed over
there has an option of adding them to the cart and also enabling users to explore the product
more in details. Each of the beauty product model has two options either users can continue
with their shopping which will bring back the user to the products page and the other is the go
to the cart option where users will be brought to the check your cart page where details
regarding the product that is added to the cart is displayed related to its name, price, quantity,
a remove option in case inf the user feels to remove the item and a option which displays the
total price of the beauty product. This is one of the features that is offered by the e-commerce
website that is developed for adding beauty products in the carts. Now, if the users want to
view details of a beauty product they can click onto the product and the details of the product
will be displayed. A payment system is incorporated into the website that enables users to pay
for the product that they have bought. When the payment option is clicked, it opens up a page

46
BUILDING E-COMMERCE WEBSITE USING NODE JS
containing login details of the user where user will need to provide their email id and
password to login to their payment system account. After entering the required details in the
payment page, the users after clicking the pay now option will be directed to the payment
process and once the payment is completed, if users get back to the products page, they will
be directed to the inspect. Here in the console a message will get displayed saying that the
payment was succeeded. Within the e-commerce website, there is also an option for
cancelling the purchase that is done. In this case the user can directly cancel the payment
page and for this a message will get displayed in the console saying that the payment was
cancelled.
Security measures in developing e-commerce site using react JS:
Security is one of the vital elements for any e-commerce-based web application. As
the vulnerabilities with the use of web application are increasing day by day with the gradual
increase of cyber related attacks and cases of data breaches it has become the most important
part for developing any e-commerce based websites as major of the information of users
related to their account details and bank credentials are stored in the data base system of the
firebase framework that is used in the development of the domestic beauty product based e-
commerce site. Due to the gradual popularity of certain cyber threats such as phishing and
hacking led to access the credential information related to login as well as data related to
credit cards. Hence it is necessary that web applications should be tightly secured. As e-
commerce websites deals with a large number of transaction related phases depending upon
the selling and buying of products, security should be the topmost priority for them. In the
developed web application on the e-commerce platform, the following security features are
enabled-
Authentication and authorization- Authentication is a method to verify the access
of a user within the web application. Users can verify their access by simply logging in into

47
BUILDING E-COMMERCE WEBSITE USING NODE JS
the login form. Various features can be added here for the password-based authentication
system of the web application. Here the password strength meter is used in order to verify the
strength of the password that that the users are using to log in into the website. For
implementing this feature, the React Boot strap component is used. The react bootstrap
replaces the JavaScript bootstrap. Each of the component of the react bootstrap is built from
scratch. Implementing the react component into the e-commerce website, enables users to
gain more control over the form and the functionalities of the web page components. With the
help off react bootstrap each of the component is implemented while keeping in mind about
its accessibility feature.
Besides the authentication factor, authorization is another security measure that needs
to be kept in mind. Authorization is a process of identifying the authenticated users and
granting permission to their access to the website. It has three levels of user roles that
includes authenticated users, unauthenticated users and admin. Unauthenticated users are
allowed to only browse through all the products that are available in the website but will not
be able to access them without having proper login details. They will be given the option for
registering themselves with the e-commerce website when they try to log in in their first
attempt. The logged in users or the authenticated users will get the privilege of accessing the
products and services that are offered on the domestic beauty product-based e-commerce
platform. They will get the features of adding items to their cart and proceed through
successful payment procedure. In case of authentication, admins get the highest privilege to
access to the database of all the products, able to edit them and se the orders that are placed.
Filtering and sanitizing user input- The data that is submitted via input should
always be regarded as the security threat. Users using the web application are not always
genuine as there might be some who will try to harm the server and steal the credential
information from the database systems, Hence it is important that the data that are transferred

48
BUILDING E-COMMERCE WEBSITE USING NODE JS
between users and the servers should be well validated and sanitized, Validation can ne
developed in both server side as well as client side. But among the both, the server-side
validation needs utmost important and prioritization as the validation from the client side will
not be able to prevent the cyber attack to the web application. In this instance, the express
validator is used, which is a third-party package that validates and sanitizes the data that are
sent between users and servers.
Vulnerable third-party modules: React JS is a combination of built I core modules
as well as third party modules. Third party modules are more likely to be victimized for cyber
attacks and data leaks and thus need to be managed efficiently. The npm version6 helps in
managing the third-party packages. It helps in reviewing all the installed libraries
automatically. The npm was installed within the website with a simple command of npm
install-g snyk.
HTTP header injection: The HTP header injection, helps in preventing the React JS
from third party packages known as helmet. Helmet is a is type of middleware collection that
sets the header of HTTP to the response. With the help of this security feature, different
modules in the library gets activated setting out the control security policy controlling the
prefetching of the DNS browser, preventing clickjacking, disabling the client-side caching
and many more.
Cookies and secure session handling: Attackers often get access to the database of
the web server via calling the sessions from the users who are logged in. This the sessions or
the cookies that are used in the web application should always be secured. For handling this,
the expression session middleware is used in the built web application on the e0-commerce
site so as to prevent the data loss from the sessions and cookies. Furthermore, various options
are set out so as to ensure the safety of the cookies that are generated.

49
BUILDING E-COMMERCE WEBSITE USING NODE JS
Test and Results
Unit testing of the application
Unit testing checks exertion on the smallest unit of application i.e.; a product segment
or module. Unit testing is a dynamic technique for check, where program is really ordered
and executed. Unit testing is performed in parallel with the coding stage. Unit testing tests
units or modules not the entire programming. I have tried each view/module of the
application separately. As the modules were developed trying was completed at the same
time, following out every single sort of info and checking the comparing yield until module is
working effectively.
Integration testing
In case of integration testing a framework comprising of various modules is tried for
issues emerging from part connection. Coordination testing ought to be created from the
framework determination. Initially, a base setup must be incorporated and tried. In my
venture I have done combination testing in a base up style for example in this venture I have
begun development and testing with nuclear modules. After unit testing the modules are
coordinated one by one and afterward tried the framework for issues emerging from part
connection.
Screenshot of integration testing

50
BUILDING E-COMMERCE WEBSITE USING NODE JS
The intended functionalities of the modules were likewise tried as discrete units.
Every one of the three modules was tried as isolated units. In every module every one of the
functionalities were tried in disconnection. In the Shop Products Module when an item has
been added to truck it has been ensured that in the event that the thing as of now exists in the
shopping basket, at that point the amount is expanded by one else another thing is made in the
shopping cart.
Likewise, the condition of the framework after an item has been hauled in to the
shopping basket is same as the condition of the framework in the event that it was added by
tapping the add to truck catch. Likewise, it has been guaranteed that every one of the pictures
of the items showed in the shop items page are drag peak and have the item property with the
goal that they can be dropped in the truck zone. In the Product Description Module, it has
been tried that every one of the pictures are shown legitimately.
Customers can include survey and the when a client includes an audit it is refreshed in
the view client audit tab. It has been verified whether the entire page revives or a halfway
page update happens when a client composes an audit. In the Cart Details it has been tried

51
BUILDING E-COMMERCE WEBSITE USING NODE JS
that when a client alters an amount or expels an item from the truck, the absolute cost is
refreshed in like manner. It has been verified whether the entire page revives or a fractional
page update happens when a client alters the orders.
Validation testing
It gives last confirmations that product meets all useful, social and execution
necessity. Discovery testing procedures are utilized. There are three principle segments
- Validation test criteria,
- Configuration audit (to guarantee the fulfillment of s/w design.)
- Alpha and Beta Testing-Alpha testing is done at engineer's site for example at home
and Beta testing once it is conveyed. Since the application is not deployed hence the beta
testing couldn't be completed.
Tests that have been utilized various experiments for testing the item. There were
diverse cases for which distinctive sources of info were utilized to check whether wanted
yield is delivered or not.
a. Expansion of another item to the truck ought to make another column
in the shopping cart.
b. Expansion of a current item to the truck needs to refresh the amount of
the item.
c. Any progressions to things in the truck need to refresh the synopsis
effectively.
d. Since same page is embedding’s information into more than one table
in the database atomicity of the exchange is tried.

52
BUILDING E-COMMERCE WEBSITE USING NODE JS
e. The condition of the framework after an item has been hauled in to the
truck ought to be same as the condition of the framework if a similar
item is added to the truck by clicking some button.
White box testing
In white box testing knowing the interior working of the item, tests can be led to
guarantee that interior tasks are performed by determination and every interior segment have
been sufficiently worked out. In white box testing coherent way through the product are tried
by giving experiments that activity explicit arrangements of conditions and circles.
Utilizing white-box testing programming designer can infer experiment that
• Guarantee that every single autonomous way inside a module have been practiced at
any rate once.
• Exercise every intelligent choice on their actual and false side.
• Exercise all circles at their limits and inside their operational bound.
• Exercise inner information structure to guarantee their legitimacy.
At each phase of task advancement, I have tried the rationales of the program by
providing the invalid sources of info and producing the particular mistake messages. Every
one of the circles also, restrictive explanations are tried to the limit conditions and approved
appropriately.
In the final step the domestic beauty product-based e-commerce website is built
successfully. React JS along with visual code studio and firebase is used in the developing
process of the e-commerce website. The React Bootstrap is used for ensuring the security

53
BUILDING E-COMMERCE WEBSITE USING NODE JS
features. Along with react bootstrap extra security ensuring feature is added with the help of
password meter that helps in verifying the strength of the password used. The home page of
the developed web application has different navigation bars that enables users to view their
cart or the products that area listed in the product page. Add in tabs like my cart, add product,
edit, delete buttons are also added in the website. The product details page is easily accessible
by just clicking on to the button. The payment page enables users to proceed with their
payment by entering necessary details about their bank credentials. In this respect security is
maintained so as to keep the users credential information safe and free from any kind of
thefts. After the [payment is done, the users are redirected towards the order page where they
can again carry on while placing their next orders. In order to test the developed, the
application the main metrics which are considered are usability, security, availability and
maintainability of the application.
Usability: For the developed website each of the pages are has navigation bar. In this
way it facilitates the user to view and interact with the different pages from the current page
of the site. There are validations on the pages for the different fields in order to avoid
inconsistent and invalid entries in the forms in the backend database. Some of this forms
contains Links, that are helpful in providing further details on those specific pages.
Security: In the developed application, it is designed in such a way that it only allows
the valid users to access and use the functionalities of the system. For the further
improvement access to the resource will be restricted depending on the user role as recorded
in the system. Security levels will be implemented depending upon username and password.
Maintainability of the application: All the details about the products will be easily
available for customers.

54
BUILDING E-COMMERCE WEBSITE USING NODE JS
Availability of the application: The application will be available to the customers
around the clock with the minimal down time for the periodical maintenance time required
for data backup.
Acceptance Criteria
The applications must have a user-friendly UI along with the proper menu and user
controls on the page.
User data, purchase data should be carried out in a secured channel/environment in
reasonable amount of time while keeping in mind the network traffic.
The database of the system should not allow duplicate values.
At the server it is important to generate transactional Logs so that in case of any failure data
can be recovered.
Transfer of the data should be carried out inside the secure channel/environment so
that the data cannot be breached from the unsecure channel.
Conclusion
Thus, from the developed project in this paper, it can be concluded that the entire web
application that is built on the e-commerce platform facilitating different domestic beauty
products, came out to be beneficial to users who are more comfortable with e-commerce
shopping. With the help of e-commerce websites, users are given the privileged to post their
reviews on different products and also from the admin side, it helps the business to stay in
touch with their consumers in the long run. Thus, from the above described project, it can be
concluded that e-commerce plays an important role in today’s competitive environment.

55
BUILDING E-COMMERCE WEBSITE USING NODE JS
Scope of future work
In order to enhance the functionalities of the developed system the following
functionalities are proposed to be implemented.
The customers could subscribe for value alarms which would empower them to get
messages when cost for items fall beneath a specific dimension.
The present framework is kept just to the shopping cart process. It very well may be
reached out to have a simple to utilize look at procedure.
Users can have different delivering and charging data spared. Amid checkout they can
utilize the simplified component to choose the billing information.