See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/361465283

E-COMMERCE) by using MERN

Article in International Journal for Modern Trends in Science and Technology · June 2022
DOI: 10.46501/IJMTST0806015

CITATIONS READS

0 2,632

2 authors, including:

Editor Ijmtst
International Journal for Modern Trends in Science and Technology
434 PUBLICATIONS 371 CITATIONS

SEE PROFILE

All content following this page was uploaded by Editor Ijmtst on 22 June 2022.

The user has requested enhancement of the downloaded file.

 As per UGC guidelines an electronic bar code is provided to seure your paper

International Journal for Modern Trends in Science and Technology, 8(06): 106-111, 2022
Copyright © 2022 International Journal for Modern Trends in Science and Technology
ISSN: 2455-3778 online
DOI: https://doi.org/10.46501/IJMTST0806015
Available online at: http://www.ijmtst.com/vol8issue06.html

BIG BUY(E- COMMERCE) by using MERN

Avnish Kumar Sharma

Department of Information Technology, Maharaja Agrasen Institute of Technology,Delhi

Corresponding Author Email ID: avnishsharma0420@gmail.com

To Cite this Article

Avnish Kumar Sharma. BIG BUY(E- COMMERCE) by using MERN. International Journal for Modern Trends in
Science and Technology 2022, 8(06), pp. 106-111. https://doi.org/10.46501/IJMTST0806015

Article Info
Received: 28 April 2022; Accepted: 28 May 2022; Published: 02 June 2022.

ABSTRACT
We live in the era where everyone wishes to develop and do things quickly. As a result, our generation is increasingly interested
in the internet, which allows us to live more easily. The great majority of people rely on science to direct their lives and meet their
basic requirements. The majority of people in our technology use e-commerce websites to buy clothes, groceries, and electronics.
E-commerce does not usually relate to a website where you sell your items and buy someone else's. I created an E-Commerce
website using -Full Stack web development technologies such as HTML, CSS, JavaScript, NodeJS, ExpressJS, MongoDB, Stripe,
Cors, Helmet, Morgan, speech recognition APIs, Dotenv, Mongoose, Node Mailer, bcrypt, email Validator module of Node JS. The
tabs on this website are entirely responsive. There are several sites on the page which you can travel to the information by
clicking on the buttons or sections, such as "Home,""Category,""Blog,""Contact," and so on. The website's "Add to Cart" and
"Product Information Tabs" now have their own area. We have a mail subscription option, a voice search section, a log-in area, a
Stripe payment gateway, the ability to add items to carts, and the ability to get data from MongoDB and render using IDS. Some
of the site's tabs are mobile-friendly. The Category Section has subsections featuring merchandise classified by category. And To
make our website more appealing, we employ smooth transitions, and our website is user-friendly. As a result, the user experience
will certainly improve. In addition, to build a more user-friendly UI, I used additional CSS, JavaScript, product PNGs, and a few
historical images. We can buy a number of phone models and select unique phone types using this internet depending on consumer
preferences. We'll add unique components to the current project while also deleting them. They can effortlessly add products to
your shopping cart. We have a pricing button that is responsive when the back-end is connected to the website after the goods in
the order are supported.

KEYWORDS:HTML, CSS , JAVASCRIPT , ExpressJS, MongoDB,Stripe, Cors, Helmet , Morgan,speech recogination APIs, Dotenv,
Mongooose, Node Mailer, bcrypt and email Validator Modules of NodeJS .

1. INTRODUCTION of selling. The consumer may not recall it, or the

We are all aware that in today's environment, customer may demand the product immediately, in
technology has become an essential tool for web which event he will visit to shop, however the
marketing. We can see that the majority of people around merchandise is already out of stock, resulting in an
the world are interested in acquiring products through unpleasant experience. Furthermore, customers may
the internet. But, we can see how many small retailers choose from a wide range of products based on their
and supermarkets sell their products offline. The preferences and budgets, and they can compare prices
majority of us will have a bad experience with this type from one store to another via online shopping.After

106 International Journal for Modern Trends in Science and Technology

working through all of the obstacles and shortcomings of 2. ADVANTAGES
the offline purchasing gadget, creating an E-commerce 1.With conventional storefronts, merchants are unable to
internet utility is essential for looking out and purchasing provide complete product information; but, in an
in each business. Several e-commerce websites, including E-commerce store, customers may obtain complete
as Flipkart, Amazon, and Myntra, have recently been product information as well as read reviews from other
developed, allowing individuals to swiftly acquire the customers who have purchased the product previously.
items they require. People can buy their stuff from these As a result, if the merchandise is nice, there'll be more
websites while being at home. Finally, we can detect a opportunities to get it.
difference in product costs, such as when we see that the
2.We can compare the costs of things from one website to
worth of a product is slightly higher in offline purchases
another on e-commerce websites. That way, we will
compared to online purchases. Front-end will be the
quickly work out where we will acquire the merchandise
simplest alternative for developing these types of
for a lower cost and procure a general notion of what
E-commerce web apps because it will allow us to design
quantity money we are able to spend on a selected
the most effective and powerful web
product.
applications.E-commerce is described as the purchasing
and promoting of items and services over a digital 3.E-commerce allows you to reach clients all over the
network, most many times the internet, as nicely as cash world and buy anything you want from the comfort of
and facts transfers (electronic commerce). your own home. People are now accustomed to making
purchases solely through their mobile devices. As a result,
E-commerce will benefit.
4.When you order something through e-commerce, you
will be notified of where the goods are being shipped and
when they will arrive. If you simply do not like the item,
you can request a refund.
5.Customers can purchase a variety of items from all over
the world; we can buy electronics from Russia, shoes
from Japan, clothes from London, and good old
international products; the depth and benefits of
E-commerce are limitless.
6. Customers will be able to spend significantly less time
shopping for their desired items. They can also quickly
browse a wide range of merchandise at once and buy
what they want. When customers shop online, they can
discover items that are not available in nearby physical
stores or that are no longer available in their region.

7. Personalization appeals to buyers, and the equal is

proper when it comes to paying for their orders. UPI,
money on delivery, card on delivery, internet
banking, EMIs on credit score or debit cards, and
pay-later credit are all options available on e-commerce
marketplaces.

Fig 2: E-Commerce selling process

III.

107 International Journal for Modern Trends in Science and Technology

Fig 3: E-Commerce seller to buyer process
. Fig 6: Animation

Fig 4 : Difference between Front-end vs Back-end

Fig 7:Discount pop up
3. E-COMMERCE WORKS
This is the pop-up face if you have discount
on your website then you can show to you users and
client like this pop up and pop up plays a major role to
attract buy to buy a product and increase the sale
discount pop up always play a major role to attract
towards the product.

Fig 5: Home Page

This is the homepage of my website where I made
essential Sections like Home, Category, Blog, Contact,
login, search button, add to cart etc. This website is
responsive if you will click on any button or any section it
will be redirected to content or section.
Fig 8:Latest Products Section

This is the portion of the website where users may buy

new and the latest products based on their interests, and

108 International Journal for Modern Trends in Science and Technology

new generation and electronic devices will emerge in the
section of latest products.

CATEGORY SECTION:
These sections are come under the category and these are
subsections of the category:-

Fig 12: Featured Products

These are the divisions and subsections in the category.

BLOG:
It's in that blog section. Here are the some blogs of the
website and there are some blogs about products and
Fig 9: All Products
items where you can read.

Fig 13: Blog Section

Fig 10: Trending Products

Fig 14 : Contact Section

This is the cart section where you can add your product
Fig 11:Special Products
by your own interest wise and the product you can delete
by delete button, and you can increase and decrease the
quantity by the plus button and minus button.

109 International Journal for Modern Trends in Science and Technology

Fig 15 : Cart Section Fig 18 : Login Page
This is the area where we are going to get the information HTML CODE:
about the merchandise you desire to shop for and you This is the HTML code of the Homepage and where
may be in a position to see the reviews and you may you'll be able to edit supported your requirements.
exchange the coloration and dimension of the
merchandise and consequently the quantity of what wide
variety of products you would like to store for and also
the price will appear

Fig 19 : HTML code

CSS CODE:
Fig 16: Product Information Section
This is the code of CSS of whole website and the CSS of
login page is separate and the except login page you can
change whole CSS of the website.

Fig 17 :Some Other Options

This is a web page where you may be able to create and

log into your account and this can save your details and
therefore the account will stay identical if you log in after
an extended time. Your account and your details will Fig 20: CSS code
remain saved and safe.

110 International Journal for Modern Trends in Science and Technology

JAVASCRIPT CODE: demands.In India, the entire E-commerce business is
This is the JavaScript code of the product information expected to have a bright future. However, the internet
section. business is quickly expanding internationally.
E-commerce is confirmed as the primary method of
advertising items and services in the near future.
E-commerce has surely gained popularity in our culture.
Companies who take E-Commerce seriously and invest
adequately in its growth will be successful in the future.
E-commerce is more than a technological issue; it is a
full-fledged economic operation. Companies who take it
as an excuse to completely redesign their company
procedures are likely to learn. Furthermore, E-Commerce
may be a useful technology that allows clients to connect
with businesses and corporations all over the world.

Conflict of interest statement

Fig 21 : JavaScript Code Authors declare that they do not have any conflict of
My project's name is Big Buy. Big Buy is a web-based interest.
store. Electronic commerce (e-commerce) is the activity of
purchasing and selling goods and services over REFERENCES
computing networks such as the internet. This website is [1] Nagothu Diwakar Naidu., Pentapati Adarsh., Sabharinadh
designed using front-end web development, and I Reddy., Gumpula Raju., Uppu Sai Kiran & Vikash Sharma.
E-Commerce web Application by using MERN Technology.
utilised animations to make it more appealing. The UI
International Journal for Modern Trends in Science and
(User Interface) is basic and efficient, allowing a typical Technology 7, 1–5 (2021).
user to interact with the website effectively. My website [2] Rossi, G., Schwabe, D., & Lyardet, F. (1999, November). Web
was built using HTML, CSS, and JavaScript. E-commerce application models are more than conceptual models. In
International Conference on Conceptual Modeling (pp. 239-252).
websites are important in today's world because they
Springer, Berlin, Heidelberg.
allow you to buy anything from the comfort of your own [3] Hoque, S. (2020). Full-Stack React Projects: Learn MERN stack
home and have it delivered to you. The goal of every development by building modern web apps using MongoDB,
E-commerce website is to assist clients in narrowing their Express, React, and Node. js. Packt Publishing Ltd.
[4] Nemat, R. (2011). Taking a look at different types of e-commerce.
search.
World Applied Programming, 1(2), 100-104.
[5] Niranjanamurthy, M., Kavyashree, N., Jagannath, S., & Chahar, D.
4. CONCLUSION (2013). Analysis of e-commerce and m-commerce: advantages,
The major purpose is to use front-end development to limitations and security issues. International Journal of Advanced
Research in Computer and Communication Engineering, 2(6),
construct an e-commerce electronics item selling web
2360-2370.
application. Despite the fact that the stock market and [6] Mai, N. (2020). E-commerce Application using MERN stack.
commodities were in free fall, E-Commerce was able to [7] Ullah, S. E., Alauddin, T., & Zaman, H. U. (2016, January).
endure and get a significant volume of transactions. Developing an E-commerce website. In 2016 International
Conference on Microelectronics, Computing and Communications
E-commerce provides a significant possibility for our
(MicroCom) (pp. 1-4). IEEE.
activities in Malaysia. Incorporating fresh techniques and
styles into a transaction is also important. It is genuinely
far superior to bring the goodness of a person or a state
by using the vast E-Commerce available in the Internet
globe... Our project is only a side effort to help folks who
need to manage their project work. There have also been
other user-friendly coding systems established. This
package will be very successful in satisfying all of your

111 International Journal for Modern Trends in Science and Technology

View publication stats