Untitled Document
Untitled Document
A PROJECT REPORT
Submitted by
IN
Sanskriti University
November 2024
BONAFIDE CERTIFICATE
Certified for this project report. “E-Commerce Website” is the bonafide work of
“Dushyant Sharma (2202309056), Durvesh Kumar (2202309055) and Anuj
Govind Pathak (2202309029)” who carried out the project work under our
supervision.
SIGNATURE SIGNATURE
Dr. Pankaj Kumar Goswami Danish Meiraj
HOD Supervisor
CSE Dept. CSE Dept.
List Of Figures…………………………………………………………………………………
List Of Tables…………………………………………………………………………………..
List Of Standards……………………………………………………………………………….
REFERENCES .......................................................................................................................
APPENDIX…………………………………………………………………………………..
LIST OF FIGURES
The business to consumer aspect of electronic commerce (e-commerce) is the most visible
business use of the Word Wide Web. The Primary goal of an e-commerce site is to sell goods and
services online.This project is a web based shopping system for an existing shop. The project
objective is to deliver the online shopping application.This project is an attempt to provide the
advantages of online shopping to customers of a real shop. It helps buying the products in the
shop anywhere through the internet by using a web site. Thus the customer will get the service of
online shopping and home delivery from this shop. This system can be implemented to Sai
Supermarket in the locality( a local shop)
If shops are providing an online portal where their customers can enjoy easy shopping from
anywhere, the shops won’t be losing any more customers to the trending online shops such as
flipkart store.Since the application is available in the given site it is easily accessible and always
available.
CHAPTER 1
INTRODUCTION
Ecommerce or "electronic commerce" is the trading of goods and services online. The internet
allows individuals and businesses to buy and sell an increasing amount of physical goods, digital
goods, and services electronically. We have built “EVARA” the name of our website.
Some businesses sell exclusively online or use ecommerce to expand the reach of their other
distribution channels. Either way, ecommerce is thriving and can be a profitable venture. Let’s
dive into the details of how ecommerce works and find out if it’s right for you. Ecommerce
offers people the convenience of shopping from their computers, phones, tablets, and other
devices. They visit websites, social media pages, and other virtual channels to find what they’re
looking for. Entrepreneurs, startups, small and medium-sized businesses, and large retailers can
all use ecommerce to reach customers across the globe.
Selling online might be a business’s sole revenue source, or it might be part of a multi-channel
selling strategy. For example, a large brick-and-mortar retailer might adopt an online sales
channel, or an entrepreneur might sell a small number of specialty handcrafted goods through a
social media site like Facebook, Instagram, or Pinterest.
Another ecommerce example is social media commerce. Some websites like Facebook support
online purchases. A business that generates revenue solely through its presence on social media,
or entrepreneurs who supplement their income using social media marketing techniques, are also
engaging in social media commerce.
Other ways you can participate in e-commerce include building standalone websites, or setting
up shop on an established selling website. For example, you can create a storefront to represent
your brand in the Amazon store.
How does ecommerce work?
Ecommerce works by connecting sellers with customers and allowing exchanges to take place
online. It can work in many different ways and take many forms. Here’s a general overview of
how the process can look:
● The seller chooses online selling channels, like a website or social media, and
promotes products or services for sale.
● Customers find the products or services and place orders.
● A payment processor enables the exchange of the goods or services electronically via
payment options like credit cards or digital currencies.
● The customer receives a confirmation email or SMS along with a printable receipt.
● If the transaction is for goods, the seller ships the products and sends the customer a
tracking number via email or SMS. If the transaction is for a service, the service
provider can reach out to schedule and complete the service.
Along the way, many ecommerce tools and technologies work together to help make online
purchases possible. On the technical side, the transaction can depend on data, logistics,
warehousing, supply chains, and other systems and processes.
Business models can also vary. You might make direct sales, offer customer subscriptions, or
earn money through affiliate marketing and other methods.
Fig 1.1
What are the advantages and disadvantages of ecommerce?
It’ll depend on your business goals, your intended audience, and other factors. Here are some
considerations.
Benefits of ecommerce
4)Advances in technology
A wide range of specialists and businesses, including Software as a Service (SaaS) providers, are
continually innovating and finding new ways to improve the online shopping experience.
Emerging technologies like artificial intelligence (AI) increasingly play a role in helping with
tasks from managing stock levels and storage to delivery and returns. Customers can also make
voice-assisted purchases, enjoy personalized shopping experiences, and try out products with
augmented reality. A low barrier to entry can translate to high competition. It’s important to
select products with care and conduct thorough competitor research to zero in on profitable
product ideas.
5) High Competition
Once you find success in a niche, be on the lookout for counterfeiters and other forms of
infringement. Look into ways of dealing with bad actors like Amazon’s Report a Violation tool.
Available to brands registered in Amazon Brand Registry, a free resource to help you build and
protect your brand, this tool lets you search the Amazon catalog for potential violations of your
active trademarks, copyrights, and patents.
Fig 1.2
Challenges of e-commerce
5)Lack of Trust
There may be a lack of trust among consumers when it comes to buying goods and services
online. This is because they may be afraid of being scammed or not receiving the product that
they ordered.
CHAPTER -2
The key majors of an E-Commerce website can be grouped into essential categories to ensure a
seamless shopping experience for users and efficient business operations. Here’s an overview:
2. Product Management
3. Payment Gateways
• Multiple Payment Options: Credit/debit cards, wallets, UPI, BNPL (Buy Now,
Pay Later), etc.
• Secure Transactions: SSL encryption and PCI compliance.
• Currency Support: Multicurrency for global reach.
4. Shipping and Delivery
5. Security
• Data Protection: Compliance with GDPR, CCPA, or local data protection laws.
• Fraud Prevention: Tools to detect and prevent fraudulent activities.
• User Authentication: Multi-factor authentication (MFA) for account security.
8. Customer Support
The background of an eCommerce website refers to its origin, development, purpose, and
the driving factors that have shaped its evolution. Here’s an overview:
Fig 2.1
4. Types of eCommerce Websites
5. Benefits of eCommerce
❖ For Consumers:
• 24/7 shopping availability.
• Access to a wide range of products.
• Easy price comparisons.
❖ For Businesses:
• Reduced operational costs.
• Access to a global customer base.
• Real-time customer insights.
Fig 2.2
● Trends Of E-Commerce Websites
The eCommerce landscape is rapidly evolving, driven by technological advancements, changing
consumer behavior, and market dynamics. Here are the latest trends in eCommerce websites
shaping the industry:
1. Mobile-First Experiences
3. Social Commerce
• Smart Speaker Shopping: Optimizing for Alexa, Siri, and Google Assistant
users.
• Voice-Activated Features: Enabling users to search, add items to carts, and
purchase via voice commands.
• Buy Now, Pay Later (BNPL): Popular services like Klarna, Afterpay, and
Affirm.
• Crypto Payments: Growing acceptance of Bitcoin, Ethereum, and other digital
currencies.
• Subscription Models: Offering recurring delivery for consumable products.
8. Omnichannel Shopping
9. Hyper-Personalized Marketing
“EVARA” our E-Commerce websites operate as a platform to facilitate the buying and selling of
products or services online. Here’s an in-depth analysis and explanation of their working process:
• Shopping Cart and Checkout: A system to add items, review purchases, and
proceed to payment securely.
Fig 3.1
1. Account Creation:
• Users register or log in using email, phone number, or social media accounts.
2. Product Search and Browsing:
• Users search for products using keywords, filters, or categories.
• AI algorithms may suggest personalized recommendations.
3. Adding to Cart:
• Users add items to their cart for potential purchase.
• Items can be modified (e.g., quantity, color) or removed from the cart.
4. Checkout Process:
• Users proceed to the checkout page, provide shipping details, and choose payment
options.
5. Order Confirmation:
• Once payment is successful, users receive a confirmation with order details and
tracking information.
1. Product Management:
• Admins upload and manage product details (e.g., name, price, description, stock).
2. Order Management:
• Admins process customer orders, coordinate with logistics, and handle
cancellations or returns.
3. User Management:
• Admins manage user accounts, permissions, and monitor fraudulent activities.
4. Reports and Analytics:
• The backend provides insights into sales, user behavior, and performance metrics.
Fig 3.2
3. Key Components of eCommerce Websites
Backend (Server-Side):
• Handles user requests, processes data, and interacts with the database.
Database:
Payment Gateway:
Fig 3.3
CHAPTER -4
HTML (HyperText Markup Language) is the core language for creating web pages. It structures
content using tags and is the foundation for web development.
1. Purpose: Used to create and structure web content such as text, images, links, and
multimedia.
2. Syntax: Uses opening and closing tags (e.g., <p>...</p> for paragraphs).
3. Main Tags:
• <body>: Contains visible page content like headings (<h1>), paragraphs (<p>),
links (<a>), images (<img>), etc.
★ Simple HTML structure:
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Welcome to learning HTML.</p>
<a href="https://example.com">Visit Example</a>
</body>
</html>
1. Structure:
• HTML provides the basic structure of a webpage, which is then enhanced with
CSS (for styling) and JavaScript (for interactivity).
2. Elements and Tags:
• HTML uses elements enclosed within tags like <html>, <body>, <h1>, etc. Tags
are often paired (e.g., <p>...</p>) to denote start and end of content.
3. Hyperlinks:
• The <a> tag is used to link pages together, making it the “HyperText” in HTML.
4. Media Support:
• HTML allows embedding images, videos, and audio using <img>, <video>, and
<audio> tags.
5. Cross-Platform:
• HTML is platform-independent and supported by all modern web browsers.
HTML Elements Categories:
CSS (Cascading Style Sheets) is a stylesheet language used to control the visual appearance and
layout of a web page. It works alongside HTML to enhance the design and presentation of web
content.
Example:
HTML:
<h1>Welcome</h1>
<p>This is an example of CSS.</p>
CSS:
h1 {
color: blue;
font-size: 36px;
}
p{
color: gray;
font-size: 18px;
}
Output:
The <h1> will appear in blue and larger text, while the <p> will appear in gray and smaller text.
h1 { color: green; }
</style>
Advantages of CSS:
3) JavaScript(JS):
● Internal JS: We can add JavaScript directly to our HTML file by writing the code
inside the <script> tag. The <script> tag can either be placed inside the <head> or the
<body> tag according to the requirement.
● External JS: We can write JavaScript code in another files having an extension.js
and then link this file inside the <head> tag of the HTML file in which we want to
add this code.
Features of JavaScript
According to a recent survey conducted by Stack Overflow, JavaScript is the most popular
language on earth. With advances in browser technology and JavaScript having moved into the
server with Node.js and other frameworks, JavaScript is capable of so much more. Here are a
few things that we can do with JavaScript:
● JavaScript was created in the first place for DOM manipulation. Earlier websites were
mostly static, after JS was created dynamic Web sites were made.
● Functions in JS are objects. They may have properties and methods just like other
objects. They can be passed as arguments in other functions.
● Can handle date and time.
● Performs Form Validation although the forms are created using HTML.
● No compiler is needed.
Applications of JavaScript
● Web Development: Adding interactivity and behavior to static sites JavaScript was
invented to do this in 1995. By using AngularJS that can be achieved so easily.
● Web Applications: With technology, browsers have improved to the extent that a
language was required to create robust web applications. When we explore a map in
Google Maps then we only need to click and drag the mouse. All detailed view is just
a click away, and this is possible only because of JavaScript. It uses Application
Programming Interfaces(APIs) that provide extra power to the code. The Electron and
React are helpful in this department.
● Server Applications: With the help of Node.js, JavaScript made its way from client
to server and Node.js is the most powerful on the server side.
● Games: Not only in websites, but JavaScript also helps in creating games for leisure.
The combination of JavaScript and HTML 5 makes JavaScript popular in game
development as well. It provides the EaseJS library which provides solutions for
working with rich graphics.
● Smartwatches: JavaScript is being used in all possible devices and applications. It
provides a library PebbleJS which is used in smartwatch applications. This
framework works for applications that require the Internet for their functioning.
● Art: Artists and designers can create whatever they want using JavaScript to draw on
HTML 5 canvas, and make the sound more effective also can be used p5.js library.
● Machine Learning: This JavaScript ml5.js library can be used in web development
by using machine learning.
● Mobile Applications: JavaScript can also be used to build an application for
non-web contexts. The features and uses of JavaScript make it a powerful tool for
creating mobile applications. This is a Framework for building web and mobile apps
using JavaScript. Using React Native, we can build mobile applications for different
operating systems. We do not require to write code for different systems. Write once
use it anywhere!
Limitations of JavaScript
● Security risks: JavaScript can be used to fetch data using AJAX or by manipulating
tags that load data such as <img>, <object>, <script>. These attacks are called
cross-site script attacks. They inject JS that is not part of the site into the visitor’s
browser thus fetching the details.
● Performance: JavaScript does not provide the same level of performance as offered
by many traditional languages as a complex program written in JavaScript would be
comparatively slow. But as JavaScript is used to perform simple tasks in a browser,
performance is not considered a big restriction in its use.
● Complexity: To master a scripting language, programmers must have a thorough
knowledge of all the programming concepts, core language objects, and client and
server-side objects otherwise it would be difficult for them to write advanced scripts
using JavaScript.
● Weak error handling and type checking facilities: It is a weakly typed language as
there is no need to specify the data type of the variable. So wrong type checking is not
performed by compile.
A lightweight language does not consume much of your CPU’s resources. It doesn’t put excess
strain on your CPU or RAM. JavaScript runs in the browser even though it has complex
paradigms and logic which means it uses fewer resources than other languages. For example,
NodeJs, a variation of JavaScript not only performs faster computations but also uses fewer
resources than its counterparts such as Dart or Java.
Additionally, when compared with other programming languages, it has fewer in-built libraries
or frameworks, contributing as another reason for it being lightweight.
Fig 4.1
4) Node.JS
It’s a powerful tool used for various types of projects. Here are explore some key aspects:
● JavaScript Runtime: Node.js runs on the V8 JavaScript engine, which is also the
core engine behind Google Chrome.
● Single Process Model: A Node.js application operates within a single process,
avoiding the need to create a new thread for every request.
● Asynchronous I/O: Node.js provides a set of asynchronous I/O primitives in its
standard library. These primitives prevent JavaScript code from blocking, making
non-blocking behavior the norm.
● Concurrency Handling: Node.js efficiently handles thousands of concurrent
connections using a single server. It avoids the complexities of managing thread
concurrency, which can lead to bugs.
● JavaScript Everywhere: Frontend developers familiar with JavaScript can
seamlessly transition to writing server-side code using Node.js.
● ECMAScript Standards: Node.js supports the latest ECMAScript standards.
Fig 4.2
Why Node.JS?
Node.js is used to build back-end services like APIs like Web App, Mobile App or Web Server.
A Web Server will open a file on the server and return the content to the client. It’s used in
production by large companies such as Paypal, Uber, Netflix, Walmart, and so on.
● Easy to Get Started: Node.js is beginner-friendly and ideal for prototyping and agile
development.
● Scalability: It scales both horizontally and vertically.
● Real-Time Web Apps: Node.js excels in real-time synchronization.
● Fast Suite: It handles operations quickly (e.g., database access, network
connections).
● Unified Language: JavaScript everywhere—frontend and backend.
● Rich Ecosystem: Node.js boasts a large open-source library and supports
asynchronous, non-blocking programming.
Fig 4.3
How Node.JS Works?
Node.js accepts the request from the clients and sends the response, while working with the
request node.js handles them with a single thread. To operate I/O operations or requests node.js
use the concept of threads. Thread is a sequence of instructions that the server needs to perform.
It runs parallel on the server to provide the information to multiple clients. Node.js is an event
loop single-threaded language. It can handle concurrent requests with a single thread without
blocking it for one request.
Advantages of Node.JS
● Easy Scalability: Easily scalable the application in both horizontal and vertical
directions.
● Real-time web apps: Node.js is much more preferable because of faster
synchronization. Also, the event loop avoids HTTP overloaded for Node.js
development.
● Fast Suite: NodeJS acts like a fast suite and all the operations can be done quickly
like reading or writing in the database, network connection, or file system
● Easy to learn and code: NodeJS is easy to learn and code because it uses JavaScript.
● Advantage of Caching: It provides the caching of a single module. Whenever there
is any request for the first module, it gets cached in the application memory, so you
don’t need to re-execute the code.
Fig 4.4
What is Node.JS file?
Node.js files contain tasks that handle file operations like creating, reading, deleting, etc.,
Node.js provides an inbuilt module called FS (File System).
Application of Node.JS
Node.js is suitable for various applications, including:
● Real-time chats
● Complex single-page applications
● Real-time collaboration tools
● Streaming apps
● JSON APIs
1. Web Servers: Node.js excels at building lightweight and efficient web servers. Its
1. npm (Node Package Manager): npm is the default package manager for Node.js. It
allows developers to install, manage, and share reusable code packages (called
modules). You can find thousands of open-source packages on the npm registry.
2. Express.js: Express is a popular web application framework for Node.js. It simplifies
provides an elegant way to model your data and interact with the database.
Fig 4.5
CHAPTER -5
2. Product Selection
3. Adding to Cart
• Users can add items to the shopping cart and continue browsing or proceed to
checkout.
• Cart functionality allows editing (e.g., removing items or changing quantities).
4. User Authentication
• The user must log in or register to proceed. Guest checkout is also an option.
• User details like name, address, and contact information are stored in the
database.
5. Checkout and Payment
6. Order Confirmation
• After successful payment, the website confirms the order and generates an order
number.
• The user receives an email or SMS confirmation.
7. Order Fulfillment
• The seller or warehouse processes the order, packs the items, and hands them over
to a shipping partner.
• The website updates the user with tracking details.
8. Delivery
• After receiving the product, the user can leave feedback or reviews about the
product or service.
• This helps improve customer experience and informs other buyers.
Flowchart/Workflow of the Website:
Screenshots From Website Working:
1)Initial/Homepage of Website
Fig 4.6
Fig 4.7
3) Divisions of products
Fig 4.8
Fig 4.9
5) User Dashboard/Profile/User Account
Fig 4.10
6) User can compare between their selected products as shown below in compare tab
Fig 4.11
7) Rewards/Subscriptions available on the website
Fig 4.12
Fig 4.13
9) Checkout/Payment Gateway
Fig 4.14
EVARA is a powerful platform that connects buyers and sellers in a digital marketplace, offering
convenience, accessibility, and scalability. It has revolutionized the way businesses operate,
allowing for global reach, 24/7 availability, and seamless transactions.
By integrating user-friendly design, secure payment systems, and efficient logistics, e-commerce
websites provide a smooth shopping experience. They also benefit businesses by reducing
operational costs, increasing market visibility, and utilizing customer data for personalized
services.
So, e-commerce websites like “EVARA” play a pivotal role in modern commerce, driving
innovation and reshaping the future of shopping.
CHAPTER -6
The Evara e-commerce website is designed to provide a seamless and user-friendly platform for
online shopping. It serves as a robust solution for connecting customers with a wide range of
products, ensuring convenience, accessibility, and satisfaction. By incorporating modern
technologies like responsive design, secure payment gateways, and efficient inventory
management, Evara successfully meets the demands of both customers and businesses.
Evara has successfully created a dynamic and reliable platform that caters to modern consumer
needs while supporting sellers with tools to grow their businesses. The website’s performance
and user satisfaction indicate its potential to thrive in the competitive e-commerce market. Evara
stands as a robust e-commerce solution, combining innovation, customer-centric design, and
advanced technologies.
With continuous development and adaptation, Evara has the potential to become a market leader,
setting benchmarks for the future of online retail. By focusing on AI, global reach, sustainability,
and personalization, Evara can ensure its relevance and success in the rapidly evolving
e-commerce landscape.
Fig 6.1
Evara has carved a niche for itself by merging technical excellence with a customer-focused
strategy. It not only simplifies the shopping process but also introduces innovative features that
redefine how users interact with online stores. By emphasizing transparency, security, and
reliability, Evara has built a platform that consumers trust and return to.
Evara is more than just a website but it is a comprehensive ecosystem that connects buyers and
sellers, fosters innovation, and shapes the future of retail. Its success reflects the power of
technology and strategic planning in transforming traditional business models into dynamic,
customer-driven platforms. Evara’s story is a testament to the potential of e-commerce to
revolutionize the way we shop and conduct business globally.
Future Work for E-commerce Website “Evara”
To ensure long-term growth and adapt to evolving market trends, several improvements and
innovations can be implemented in Evara:
4. Global Expansion:
• Expand Evara’s presence in international markets by offering localized language,
currency, and shipping options.
• Partner with global logistics companies for efficient cross-border shipping.
5. Sustainability Initiatives:
• Highlight eco-friendly products and encourage sustainable shopping practices.
• Implement carbon-neutral delivery options to appeal to environmentally
conscious customers.
6. Mobile App Development:
• Develop a dedicated mobile application for Evara to offer a more immersive and
accessible shopping experience.
7. Blockchain Technology:
• Use blockchain for secure and transparent transactions, especially for high-value
goods.
• Introduce a decentralized loyalty points system.
8. Subscription-Based Services:
• Launch subscription models for frequent buyers, offering benefits like faster
delivery, exclusive deals, or premium customer support.
● Eco-Friendly Packaging: Use biodegradable and reusable packaging materials for shipments.
● Carbon Neutral Shipping: Partner with green logistics providers to offer carbon-neutral delivery
options.
As Evara evolves, it is poised to embrace emerging technologies and expand its capabilities to
address future challenges and opportunities. Its ongoing commitment to innovation and
sustainability ensures it will remain relevant and competitive in the ever-changing e-commerce
landscape.
• Internet of Things (IoT): Incorporate IoT for real-time inventory updates, smarter
logistics tracking, and integration with connected devices like smart assistants for shopping.
1) This plagiarism report has been generated to confirm the authenticity and originality of the
content used in the Evara e-commerce website project. The work has been checked using
plagiarism detection tools to ensure no portions of the content have been copied without proper
attribution.
2) The project was submitted for plagiarism check using Turnitin and Copyscape to scan for
any similarity with online content and academic sources.
3) The plagiarism check revealed that 98% of the content in the project is original. 2% similarity
was found with general technical content available in public sources, such as descriptions of
technologies like ‘HTML5’ and ‘CSS3’. These were appropriately paraphrased and no direct
copying was found
5) In conclusion, the plagiarism check confirms that the Evara e-commerce project is
predominantly original, with minor similarities detected from publicly available technical
resources, which were properly paraphrased and cited. There is no intentional plagiarism present
in the project.
Design Checklist For EVARA E-Commerce Website
• Responsive Design:
Ensure the website is mobile-friendly and works well on different screen sizes (desktop, tablet,
smartphone).
• Navigation:
• Clear and intuitive navigation with easy access to product categories, search bar,
shopping cart, and customer account.
• Search Functionality:
• Filters and sorting options to help users find products quickly (e.g., by price,
brand, rating, etc.).
• Call-to-Action (CTA):
• Clear and effective CTAs (e.g., “Proceed to Checkout,” “Apply Coupon,” etc.).
2. Functionality
• Guest Checkout option for customers who don’t want to create an account.
• Secure and functional integration with payment processors like Stripe, PayPal,
etc.
• After purchase, send customers order confirmation emails with tracking details.
• Inventory Management:
• SEO Optimization:
• Implement SEO best practices for product pages (meta titles, descriptions,
keywords).
• Use a CDN to serve static content (images, CSS, JavaScript) quickly across the
globe.
5. Security
• SSL Certificate:
Ensure the entire website (especially the checkout process) is SSL encrypted to protect
customer data.
• Data Protection:
• Protect user data by following GDPR or other relevant data protection laws.
• Payment Security:
• Regularly back up website data and ensure you have a recovery plan in case of
failure.
• Cross-Browser Compatibility:
Test the website on popular browsers (Chrome, Firefox, Safari, Edge) to ensure it functions
properly on each.
• Error Handling:
Display user-friendly error messages for common issues (e.g., invalid login, payment errors).
• Broken Links:
• Form Validation:
Ensure form fields (e.g., login, checkout) have proper validation and error messages.
USER MANUAL