Building an E-commerce Website Using Node.js and React JS

This project focuses on developing a domestic beauty product-based e-commerce website using Node.js and React JS. The project begins with an introduction to e-commerce, its significance, and the advantages of using React JS for web development. It covers the project's background, objectives, and initialization, followed by a feasibility report and a comprehensive literature review. The development methodology includes the use of various software and tools, such as npm and other components, to build the interactive user interface. The project delves into detailed functional and non-functional requirements, system analysis, and design, including security measures. It encompasses testing, results, and acceptance criteria, concluding with the scope of future work. The website aims to provide a customizable, stable e-commerce platform that integrates with standard web and e-commerce framework functionalities. The project addresses challenges in traditional systems by proposing an interactive and user-friendly interface.

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