TYIT-A AMAZON CLONE

Chapter-1
INTRODUCTION
1.1 Background:-

This project is a web based clone of Amazon shopping system for an existing
ecommerce website ie. Amazon. The project tell about ecommerce application.Amazon and
how it function work

Online shopping is the process where customer directly buy goods or services from a
seller in real-time, without an intermediary service, over the Internet. It is a form of electronic
commerce. This project is attempt to provide the advantages of online shopping to customers
of a real shop, It helps buying the products in the shop anywhere through intermet by using an
computer android device. Thus the customer will get the benefit of online shopping and home
delivery in any situation.

E-commerce has rapidly evalved since the inception of online shopping platform in
the mid1880s. Intial platform focused on basic transation but technology advanced, campnies
like amazon transformed the landscape by introducing sophisticated user interface,
personalized recommendation and extensive product catalogs. This shift marked a significant
change in consumer behavior with online shopping beoming a preferred method for many.

The digital transformation of retail has fundamentally changed consumer behavior and
expectations, making online shopping a vital component of everyday life. Among the various
platforms, Amazon stands out as a pioneer, continuously evolving its offerings and user
experience. This project aims to create a clone of Amazon using ReactJS for the front end and
Firebase for the back end. By doing so, participants will gain valuable skills in modern web
development while understanding the architecture and functionality of a successful
ecommerce platform. The project is an attempt to provide the advantages of online shopping
to customer of real shop It help buying the product in shop anywhere through internet by
using an computer / android devices. Thus the customer will get the service of online
shopping and home delivery from his fav shop.

The project is an attempt to provide the advantages of online shopping to customer of

real shop It help buying the product in shop anywhere through internet by using an computer /
android devices. Thus the customer will get the service of online shopping and home delivery
from his fav shop

1
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

1.2 Objective:-

• To provide an application in website / android platform to purchase items in an

amazon clone.

• To provide a functional online shopping experience Similar to Amazon.

• To provide veers with a personal account to manage their information and order
history.

• To provide users to add, remove and modify items in their cart.

• To provide user to efficiently search and and fillter product by various criteria.

• for showcase information a variety of product with detailed.

• for allows user to save items to a wishlist for future reference.

2
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

1.3 Purpose, Scope and Applicability.

1.1.1 Purpose:-

“Amazon clone" is a project to build an e-commerce application using React using

React Amazan enterprise that vast Internet-based enterprise that sell houseware, electronic,
movies, music, electronic, toys and many other good. It allowing me to gain hand-on
experience, on project. It also provide insights into full-Stack development by integration
frond-end and backend technologies.
Also By creating "Amazan clone" we can explore essential e-commerce
functionalities , including explore product listings, shopping cart management and user
authentication, making exercise in web application development.
It helps you understand key concepts such as frontend design, state management, user
authentication, real-time database operations, and payment integration. This project serves as
a practical learning tool to strengthen skills in creating scalable, responsive, and interactive
web applications, preparing you for real-world development challenges.

1.3.2 Scope:-
the project focus on user interface development ensuring a responsive and user-
friendly experience that features product listing, search capabitilig and navigation. User
authentication is handled via firebase. authentication allowing secure sign-up and sing-in
processes Additionally. a shopping cart system is integrated to enable users to add, remove
and modify products ensuring smooth shopping experience

The system recommends a facility to accept the orders 24/7 and a home delivery
system which can make customers happy. If shops are providing an online portal where their
customers can enjoy easy shopping from anywhere, the shops won't be krning any cintomers
to the trending inline shops such as Amazon itself. Since the application is available in the
web browser/Smartphone it is easily accessible and always available

It allows for future enhanacements such as adding product review, wish lists and
personalized recommendation, therby enriching the overall user experience. It can also
include an order processing system that manages user transactions.

3
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

1.3.3 Applicability:-

It helps develop e-commerce skill React for building user interface and firebase for
real time data storage and authentication this project not only deper techical Knowledge but
also fosters community. This project also showcases the integration of firebase for backen
service

It can serve as an online store for small businesses, helping them reach more
customers and manage their sales easily. The platform can also be adapted for specific
markets or as a marketplace where multiple sellers can list their products, including second-
hand items. allowing people to sell products without keeping inventory. By integrating with
payment systems and shipping services, it can provide a complete e-commerce solution

It also introduces real-time database integration with Firestore for storing user orders
and product data. Additionally, you gain exposure to payment gateway integration using
Stripe and learn how to deploy scalable applications through Firebase Hosting. This hands-on
experience is highly applicable to building full-stack web apps with interactive UIs and
backend connectivity.

4
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

Chapter-2

SURVEY OF TECHNOLOGY
We can build the Amazon clone project in many languages as well as frameworks
according to user needs. For the frontend, options include Vue. js and so forth You can build
more dynamic interfaces using js, Angular and a simpler version with HTML/CSS/Vanilla
JavaScript. On the backend, Node. Express.js requires more hands-on server logic, while
Django (Python), Spring Boot (Java) or Ruby on Rails abstract much of the heavy-lifting that
would otherwise occur in your backend. For databases, you could replace Firebase with
MongoDB or PostgreSQL, MySQL etc. Additionally, exploring various authentication
methods, like using Auth0, can help you implement advanced security features, while
deploying on AWS introduces you to different hosting environments and deployment
strategies. This exploration fosters versatility in your development approach, preparing you
for real-world scenarios where different projects may require tailored technology stacks.

Traditional frameworks like Angular and Vue.js also offer strong capabilities for
building user interfaces, but React's component-based structure tends to promote better code
reusability and performance through its virtual DOM. server-side languages like Django
(Python) or Ruby on Rails handle backend tasks with built-in features for database
management and user authentication but often require more setup and configuration. On the
backend, Firebase stands out by providing an easy-to-use, serverless solution that manages
real-time data and user authentication out of the box, allowing developers to focus on the
frontend without worrying about server maintenance. While using Node.js with Express gives
more control over backend operations, it requires more development time and effort
compared to Firebase's streamlined approach. Overall, React and Firebase together create a
fast, efficient development environment, making it easier to build interactive applications
compared to more traditional setups that involve separate frameworks for the frontend and
backend.

React and Firebase make for a great combination when building web apps because
they provide complementary features. React is an option possibility on the list to build
dynamic, interactive user interfaces with a component-based called React JS. and this
particular frontend library helps in building reusable code and thus renders content much
efficiently. Whereas Firebase offers a full-fledged backend-as-a-service solution which
includes real-time databases, user authentication and hosting that make simple the overall
development process reducing the time of building project. This is why when combined, they
allow developers to collectively work on the front-end interface designs and another
managing server backend functionalities together with a modern performing web application.

5
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

Each are great technologies individually, and building modern web applications using
both React as well as Firebase makes a ton of sense. React A JavaScript library for building
user interfaces amazingly fast animate all the things that are has to be in websites with React.
It allows easy management of complex UIs and provides lag free experience. Firebase, on the
other hand, gives you an excellent backend that includes real-time databases which means no
server setup, user authentication and cloud storage. therefore, while making we can
concentrate on making a fun to use app instead. Its tight integration with React allows you to
sync data real time, and helps manage your app state over time as we can show how simple it
has been made for building apps that need syncing of actions on the user side. They combine
to give a robust and efficient mechanism for developing applications.

React makes it easy to create interactive user interfaces, while Firebase provides a
powerful backend with features like real-time data and user authentication. This combination
allows developers to focus on building great user experiences without worrying about
complex server setups. Overall, these technologies simplify the development process, making
it faster and more manageable, especially for building modern applications.

6
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

Chapter-3

REQUIRMENT AND ANALYSIS

3.1 Problem Definition:-

Amazon was created to solve several problems in traditional retail, including limited
product selection, inconvenient shopping experiences, and high prices. Founded by Jeff Bezos
in 1994, the platform aimed to offer a vast inventory that physical stores couldn't match,
allowing customers to browse and purchase items from home. By reducing overhead costs,
Amazon could provide competitive pricing and use data-driven algorithms to offer
personalized recommendations. Additionally, the company focused on fast delivery options,
transforming the way people shop and setting new standards for e-commerce.

the initial goal was to create an online bookstore that could offer a wider selection of
books than traditional retail stores. The vision was to leverage the internet's potential to make
shopping more accessible and user-friendly. Over time, Amazon expanded its product
offerings beyond books to include a vast array of items, such as electronics, clothing, and
household goods. The company aimed to provide customers with competitive prices, a wide
selection, and fast delivery, ultimately transforming the way people shop and setting a new
standard for ecommerce. Today, Amazon is a leading global marketplace that continues to
innovate in areas like cloud computing, streaming services, and artificial intelligence.

7
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.2 Requirement Specification:-

Amazon clone allows user to register, login, and remove passwords, mange product
(Add, Edit, Delete), Browse and search for items use a shopping cart to check out, view order
history and leave reviews. A notification system will keep users update about their order,
specials deals and new product. Adding secure payment option will make it simple and safe
for users to complete purchase.

user authentication features, allowing users to create accounts, log in, and manage
their profiles securely. The application must support a comprehensive product catalog,
including categories, descriptions, images, and pricing. A shopping cart functionality should
enable users to add, remove, and modify items before checkout. The checkout process must
integrate secure payment options, such as credit card processing through a service like Stripe.
Additionally, it should provide order tracking and history for users, as well as an admin
dashboard for managing products, orders, and user accounts.

8
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.2 Planning and Scheduling:-

3.3.1 Gantt Chart.

9
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.3.2 Pert Chart.

10
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.4 Software and Hardware Requirement:-

Software requirements

The software requirements for an Amazon clone include a frontend framework like
React.js for building the user interface, along with libraries for routing and state management,
such as React Router and Context API. For the backend, Firebase will provide user
authentication, real-time database capabilities, and cloud storage. Development tools Visual
Studio Code as a code editor will enhance collaboration and streamline coding practices. For
testing, the application should be compatible with popular web browsers such as Chrome,
Firefox, and Safari, ensuring a consistent user experience across platforms.

• Frontend :- ReactJs.
• Backend :-Firebase.

Hardware requirements

• Processor :- A modern multi-core processor, Intel Core i5.

• Memory :- At least 8GB of RAM.

11
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.5 Preliminary Product Description:-

Amazon clone is platform designed to provide simple user with simple shopping.
experience features user registration experience It authentication, allowing customer to create
accounts, log in and manage their profiles. The platform showcases a diverse product catalog
enabling users to browses search and view detailed information about product. It aims to
deliver a reliable and engaging shopping experience complete with features such as order
confirmation and user feedback option.

12
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6 Conceptual Models:-

3.6.1 Event Models.

Events Trigger Source Acitivity Responce Destination

Admin login Login into Admin Validating Success Admin

admin data /Failed
account

User Siqn-in User Create user Confirmation User, Admin

registration account
Email sent

User login login User Validation Success User, Admin

/Failed

Add to Cart Request Customer Update Cart Cart Update User

Remove Request Customer Update Cart Cart Update User

from Cart

Order Request for Customer Order fulfill Order Customer/

placement order Confirmation
Stafe

Review User submit Customer Save Confirmation User /

review message
Admin

Logout Logout User Clear Redirect to Admin /

Session home page
User

Report Generate Admin Fetch data Report Admin

report for report
generated Generated

13
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

14
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6.2 ER Model.
3.6.3 Use Case Diagram.

15
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6.4 Class Diagram

16
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6.5 Activity Diagram

17
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6.6 Start Chart Diagram

18
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.6.7 Sequence Diagram

19
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

Chapter- 4
System Design
4.1 Basic modules:-

1.User Authentication:- User authentication is the process of verifying the identity

of individuals accessing a system or application, ensuring that only authorized users can gain
access to specific features or data. user authentication often involves a registration process
where users create an account by providing personal information, such as an email address
and password. Once registered, users can log in using these credentials. User authentication
plays a crucial role in maintaining the security particularly handling sensitive user data and
transactions. users access to personalized features, such as order history, shopping cart
management, and account settings. User authentication is the way from we admin can decied
if someone is who they say they are before letting them in. This usually starts with users
signing up by giving their email and creating a password. After signing up, they can log in
with those details. To keep things safe, we can also send a verification email to verify system.
Once logged in, users can access their personal information, like their order history or saved
items.

2.Payment Integration:- Payment integration is the process of connecting an online

platform with a payment gateway to enable users to make secure transactions. It involves
embedding payment methods like credit cards, bank transfers, UPI payment, etc. directly into
your system so users can pay without leaving the platform. It is vital component the enable
user to securely process transaction and manage payments within the application The
integration process typically begins with setting up an account with the chosen payment
provider and obtaining the necessary API Keys After the payment is processed the
application must handle order confirmation emails to users hence it not only provide simple
purchasing process but also build user trust by ensuring secure transaction. A successful
payment integration provides a smooth, secure, and reliable checkout experience, essential for
e-commerce sites, subscription services, and any platform handling online payments.

3. Product Catalog:- Product Catalog provide showcase od all available items for
user to browers, search and select for purchase. It typically includes detailed descriptions,
high-quality images, pricing, and specifications for each product. A well-structured catalog
not only helps customers easily navigate through various categories, such as electronics,
clothing, or home goods, but also enhances the shopping experience by allowing users to
filter and search for specific items based on their preferences. a product catalog can
streamline the purchasing process, making it easier for customers to add items to their cart

20
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

and check out quickly. It makes it simple for people to see what’s available and decide what
to buy, making the shopping experience smoother and more enjoyable.

4. Order Management :- Order management refers to the comprehensive process of

tracking and fulfilling customer orders from initiation to delivery. Order management plays a
vital role in the success of businesses by ensuring that the entire order lifecycle is handled
seamlessly. It encompasses various tasks, including order creation, processing, inventory
management, shipping, and customer communication. This process begins when a customer
places an order, triggering automatic updates in inventory levels and payment status. Once the
order is confirmed, it moves to the fulfillment stage, where products are picked, packed, and
shipped. Effective order management enhances customer satisfaction by providing real-time
tracking information and facilitating quick resolution of issues such as delays or returns.

4. Product Detail :- The product details module is an important part. In it we learn

about specific items. It shows clear pictures of the product from different angles and includes
a short description that highlights its main features. Users can see the price, any discounts,
and whether the item is in stock. There is also an "Add to Cart" button that makes it easy to
purchase. users encounter an immersive display that not only showcases high-quality images
but also includes interactive elements such as 360-degree views or videos demonstrating the
product in use. A detailed specification section offers essential information like dimensions,
weight, material composition, and care instructions, catering to users who seek thorough
understanding before making a purchase.

21
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

4.2 Data Design:-

1. User Table:-
Field name Type Index Description
User_id Int Primary key User id
User_name Text Not null User name
User_password Varchar Not null User password
User_Email Varchar Not null User email
User_addr Varchar Not null User address
User phone
User_phoneno Int Not null
number

2.Admin Table:-
Field name Type Index Description
Admin_id Int Primary key Admin id
Admin_email Varchar Not null Admin email
Admin _password Varchar Not null Admin password

3.Product Table:-
Field name Type Index Description
Product_id Int Primary key Product id
Order_id Int Order id
Product_name Text Not null Product name
Product
Product_description Text Not null
descriptiton
Product_price Int Not null Product price

22
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

4.Order Table:-
Field name Type Index Description
Order_id Int Primary key Order id
User_id Int Foreign key User id
Order_date Date Not null Order date
Total_amount Int Not null Total amount
Order_Satus Text Not null Order Status

5 Review Table:-
Field name Type Index Description
Review_id Int Primary key Review
Rating Float Not null Rating
comment Text Not null comment
Review_date Date Not null Review date

6.Payment Table:-
Field name Type Index Description
Paymend_id Int Primary key Payment id
User_id Int Foreign key User id
Order_id Int Foreign key Order id
Payment_method Text Not null Payment method
Payment_date Date Not null Payment date
Payment_Satus Text Not null Payment Satus

23
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

4.3 User Interface:-

1.Registration.

2.Login

24
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

3.Search bar.

4.Add to Cart.

5.Customer review.

25
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

4.3 System Design:-

Security design plays a critical role in protecting user data, financial transactions, and
ensuring safe operations. The system must safeguard against threats such as unauthorized
access, data breaches, and fraud. Authentication and authorization are the first layers of
defense, with Firebase Authentication ensuring that only legitimate users can log in or
register. To further secure access, sensitive operations Security design in an Amazon clone
ensures that the app is protected from threats. users can safely browse, shop, and complete
transactions. It focuses on preventing unauthorized access, protecting personal information,
and ensuring data security at every step. security design ensures the Amazon clone is safe,
reliable, and trustworthy for both users and admin. In addition to protecting user data, security
design in an Amazon clone ensures the app stays resilient against various types of online
attacks. One critical aspect is preventing unauthorized access to the database by setting up
strictrules such as only specific users should be able to read or write certain data

26
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

4.4 Test case Design:-

1. Test Case for User Authentication.
Test Case Id Test Case Test Step Test Data Expeted Actual
description Result Request
TC01 Registration 1. Open the name, email, User should Registration
Amazon password, receive a
clone home phone confirmation
page number message, and
2. Click on a new
Sign Up account
3. Enter should be
valid user created
details successfully
4. Click
Register

TC02 login 1. Open the Email, User should login

Amazon password be
clone login successfully
page. logged
2. Enter
valid
credentials.
3. Click on
Login

TC03 Forgot 1. Click on Email "Password Reset

Password Forgot reset link password
Password. sent to your
2. Enter email."
valid email.
3. Click
Submit.

27
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

2.Text Case for Payment Integration.

Test Test Case Test Step Test Data Expeted Result Actual
Case Id description Request

TC01 checkout 1.Add product Product Payment should Payment

to the cart. be successfully
2. Click on processed.
'Proceed to
Checkout'.
3.Enter
shipping
details.
4. Select a
payment
method.
5. Enter valid
payment
details.
6. Click on 'Pay
Now'.

3.Text Case for Product Catalog.

Test Case Id Test Case Test Step Test Data Expeted Actual
description Result Request

TC01 Verify that 1. Open the Category Display verfication

product are homepage. product
displayed 2. Select the available in
based on "game" category
category category.
selection

TC02 search 1. Open the Search query should Search

functionality homepage. Query be displayed.
2. Enter
"iPhone 13"
in the search
bar and click
search.

4.Text Case for Order Management.

28
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

Test Test Case Test Step Test Data Expeted Result Actual
Case Id description Request

TC01 Verify 1. Log in as a Product Order is order

product registered user Payment successfully placement
order 2. Search for a placed
placement product.
3. Add the
product to the
cart
4. Proceed to
checkout
5. Select
delivery
address
6. Choose
payment
method
7. Click "Place
Order"

TC02 order 1. Log in as a User, Past order order

history registered user password should display history
display 2. Navigate to
the “Order
History” page

TC03 Verify order 1. Log in as a Order ID Order should be Order

cancellation registered user successfully cancel
2. Navigate to cancelled
“Order
History”
3. Select an
order with
status
“Processing”
4. Click on
“Cancel Order”

5.Text Case for Product Details.

Test Case Id Test Case Test Step Test Data Expeted Actual
description Result Request

29
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

TC01 Verify that 1. Display all All work Product

the product Navigate result properly Detail
details to the
homepage.

2.Search
for product

3. Click on
the product
from the
search
results.

4. Verify
the product
title
display on
the page.

5.Verify
product
images are
displayed.

6. Check if
the product
price is
visible.

PLAGIARISM SCAN REPORT

Date 2024-

30
ROLL NO:-14 KOYAL BABAR
TYIT-A AMAZON CLONE

2% 98% 10-16
Plagiarised Unique
Words 990

Characters 6974
Content Checked For Plagiarism

31
ROLL NO:-14 KOYAL BABAR