TABLE OF CONTENT

S.No Content Page

No
1 INTRODUCTION

1.1 About the Project

1.1.1 Features

1.1.2 Functional Requirements

1.2
Objective

2 SYSTEM ANALYSIS

2.1 Existing System

2.2 Proposed System

3 SYSTEM CONFIGURATION

3.1 Hardware configuration

3.2 Software configuration

4 SYSTEM DESIGN

4.1 Data Flow Diagram(DFD)

4.2 Activity Diagram

5 SYSTEM METHODOLOGY

6 LANGUAGE REFERENCE

7 DATABASE STRUCTURE

8 SCREEN DESIGN

9 CODING

10 OUTPUTS

ABSTRACT :

The advancement of digital technology has revolutionized the retail industry, shifting consumer
preferences from physical stores to online shopping. This E-Commerce Website project focuses on selling
electronic products, including TVs, CCTV cameras, solar panels, and PC-building components. The
platform aims to provide a smooth and efficient shopping experience by integrating features such as secure
payment processing, inventory management, user authentication, and order tracking.

The system is developed using PHP, HTML, CSS, and JavaScript for a dynamic and responsive
front-end, while MySQL ensures structured database management. The platform allows customers to
browse products, filter items based on categories, compare features, and purchase securely. Additionally,
the admin panel enables vendors to manage inventory, update prices, and track customer orders in real
time.

A unique aspect of this project is the inclusion of AI-driven product recommendations, which
analyze customer behavior to suggest relevant products. Security is a priority, with SSL encryption,
password hashing, and secure login mechanisms implemented to protect user data. The payment gateway
is integrated with multiple options, including credit/debit cards, UPI, and net banking for seamless
transactions.

Future enhancements could include a chatbot for customer support, mobile app integration, and
blockchain-based transaction security. This mini-project serves as a foundation for a scalable and feature-
rich e-commerce platform suitable for diverse business needs.

INTRODUCTION

Introduction
1.1 About the Project
With the rapid advancement of technology and the increasing preference for
online shopping, businesses are shifting towards e-commerce platforms to reach a
broader audience. This project focuses on developing an E-Commerce Website for
 selling electronic products such as TVs, CCTV cameras, solar panels, and PC-
building components.

This platform will enable customers to conveniently browse, compare, and

purchase products online while providing a secure and efficient system for sellers to
manage their inventory and orders. The website will include a user-friendly
interface, secure payment gateway, and real-time stock management to enhance
customer experience and operational efficiency.

Additional key highlights of the project include:

🔹 Multi-User System – Supports both customer and admin roles.

🔹 Search & Filtering – Advanced product search and filtering for better usability.

🔹 Discount & Offers Module – Admin can create seasonal discounts and promo

code.

Product Reviews & Ratings – Customers can provide feedback to enhance trust.

🔹 Wishlist Feature – Users can save products for future purchases.

🔹 Push Notifications & Email Alerts – Order updates and promotional offers

notifications.

🔹 Multi-Payment Integration – Supports UPI, credit/debit cards, and wallet

payments.
1.2 Features of the System
To ensure a seamless shopping experience and efficient management, the e-
commerce platform incorporates the following key features:

✅ User Authentication – Secure login and registration system for customers and

administrators.

✅ Product Management – Categories for different electronics with descriptions,

images, and pricing details.

✅ Shopping Cart & Checkout – Customers can add, remove, and modify cart items

before finalizing their purchase.

✅ Secure Payment Gateway – Integration of multiple payment options for hassle-

free transactions.

✅ Real-Time Inventory Management – Automatically updates stock levels when a

product is sold.

✅ Order Tracking & History – Customers can track their orders and view past

purchases.

✅ Admin Dashboard – Admin can manage users, orders, products, and reports.

✅ Customer Support System – Live chat, contact form, and FAQs for issue

resolution.

✅ Automated Invoice Generation – Customers receive digital invoices for their

orders.
✅ Product Recommendation System – AI-based suggestions for personalized

shopping.

1.3 Objective of the Project

• The main objectives of this E-Commerce Website are:
o To create a scalable and user-friendly e-commerce platform for selling

electronic products.

o To enhance online shopping convenience with an intuitive and interactive

user interface.

o To ensure secure and seamless transactions using encryption and

authentication techniques.

o To provide an efficient inventory and order management system for

business owners.

o To implement AI-based recommendations for personalized product

suggestions.

o To integrate promotional tools like discount coupons and seasonal sales

to increase user engagement.

o To enable customers to review, rate, and compare products before

making purchases.

o This project serves as a mini-project but lays the foundation for a

fully functional, scalable, and feature-rich e-commerce system.
Technologies used include PHP, MySQL, HTML, CSS, JavaScript, and
Bootstrap for a modern, responsive design.
SYSTEM ANALYSIS
2. SYSTEM ANALYSIS
System analysis is a crucial step in software development that involves studying the
existing system, identifying its limitations, and designing an improved system to meet
business requirements. This section discusses the existing system, challenges, and
proposed system for the E-Commerce Website.

2.1 Existing System

Before implementing an e-commerce platform, most businesses rely on
traditional methods such as:

Physical Store Dependency – Customers must visit physical locations to browse and
purchase products.

Limited Customer Reach – Sales are restricted to local customers, limiting business
expansion.
 Manual Order Processing – Orders are taken over the counter or via phone calls,
leading to errors.

Inefficient Inventory Management – Stock is tracked manually, increasing the risk

of overstocking or stockouts.

Limited Payment Options – Customers rely on cash or bank transfers, making

transactions less convenient.

Lack of 24/7 Availability – Physical stores operate on fixed hours, limiting

accessibility for customers.

The existing system lacks automation, online accessibility, and efficient customer
interaction, which results in lower sales, higher operational costs, and slow business
growth.

2.2 Proposed System

The E-Commerce Website aims to address the challenges of the existing system by
offering an automated, secure, and scalable online shopping platform. Key improvements
include:

Online Store Accessibility – Customers can browse and purchase products from
anywhere, anytime.

Expanded Customer Base – The online platform allows global reach, increasing sales
potential.

Automated Order Processing – Orders are processed instantly with digital invoices and
notifications.

Real-Time Inventory Management – Admins can monitor stock levels and update
products dynamically.

Multiple Payment Methods – Integration of UPI, debit/credit cards, and net banking for
flexibility.
 User Accounts & Order Tracking – Customers can create accounts, save orders, and track
deliveries.

Improved Security Features – Secure login system, encrypted payments, and SSL
protection for user data.

Admin Dashboard – Store owners can add/edit products, manage customers, and track
revenue.
The proposed system eliminates the drawbacks of traditional commerce, making it cost-
effective, efficient, and user-friendly.

3. SYSTEM CONFIGURATION

System configuration refers to the hardware and software requirements

needed for the successful development and deployment of the E-Commerce Website.
This section provides an overview of the essential configurations required for both
the client-side and server-side of the system.

3.1 Hardware Configuration

For the development, hosting, and usage of the e-commerce system,
the following hardware requirements are recommended:
Client-Side (User Requirements)
Processor: Intel Core i3 or higher

RAM: Minimum 4GB (8GB recommended for better performance)

Storage: Minimum 10GB free space

Internet Connection: Stable broadband connection

Display Resolution: Minimum 1280x720 pixels

Server-Side (Hosting Requirements)

Processor: Intel Xeon or AMD Ryzen (multi-core processor recommended)

RAM: Minimum 8GB (16GB recommended for high traffic)

Storage: SSD with at least 50GB available space

Operating System: Linux-based (Ubuntu, CentOS) or Windows Server

Internet Bandwidth: High-speed connection for handling multiple requests

3.2 Software Configuration

• The software stack used for the development and deployment of the system
includes:
Operating System:
Windows 10/11, Linux (Ubuntu, CentOS), or macOS
Development Tools & Technologies:
Front-End: HTML, CSS, JavaScript, Bootstrap

Back-End: PHP

Database Management System (DBMS): MySQL

Web Server: Apache or Nginx

Code Editor: Visual Studio Code, Sublime Text, PHPStorm

Version Control: Git & GitHub for collaboration and code management

Additional Software Requirements:

XAMPP or WAMP Server – For local development and testing

Browser Support: Google Chrome, Mozilla Firefox, Microsoft Edge

SSL Certificate: For secure transactions and encrypted user data

SYSTEM DESIGN
4. SYSTEM DESIGN

System design is a crucial phase in software development that

defines the architecture, components, modules, and data flow of the
system. This section outlines the structural framework of the E-
Commerce Website, including diagrams that illustrate its functionality.

Data Flow Diagram (DFD)

4.1 Data Flow Diagram (DFD)
 A Data Flow Diagram (DFD) is used to visualize how data moves through the system.
Below are the levels of DFD for the E-Commerce Website:
Key Components in the DFD:
Entities:

Admin: Manages car registration, updates car details, and

views reports. Customer: Registers, chooses cars,

provides feedback, and views reports.

Processes:

Car Registration Details: Admin enters car details into the Car Database.

Customer Register: Customers provide details that are stored in the

Customer Database.

Checking for Availability of Cars: System verifies available cars.

Choosing the Car: Customers select a car, and details are retrieved from the
Car Database.

Customer Feedback: Customers submit feedback, which is stored in the Customer

Database and reviewed by the admin.
View Report: Admin or customer views reports from Car and Customer
Databases.
Add/Update/Delete Car Details: Admin manages car details in the database.

Activity Diagram
4.2 Activity Diagram
An Activity Diagram represents the workflow of user interactions.
Customer Activity Flow
User visits the website.
 Registers or logs into their account.

Browses products and adds them to the cart.

Proceeds to checkout and makes payment.

Receives order confirmation and tracking details.

Admin Activity Flow

Logs into the admin panel.

Manages product inventory (add/edit/delete).

Processes customer orders and updates order status.

Manages customer accounts and support queries.

SYSTEM METHODOLOGY
5. SYSTEM METHODOLOGY
• System methodology defines the approach used in developing the
ECommerce Website. It provides a structured plan to ensure efficient
development, testing, and deployment.
5.1 Software Development Methodology
• For this project, the Waterfall Model or Agile Model can be used, depending
on project requirements.
•
• Waterfall Model (Sequential Approach)
• Requirement Analysis – Understanding the needs of users and business
owners.
System Design – Planning the architecture, UI/UX, and database structure.

Implementation (Coding) – Developing the front-end, back-end, and database integration.

Testing – Debugging and ensuring the system functions correctly.

Deployment – Launching the system for use.

Maintenance – Regular updates and fixing bugs.

 Agile Model (Iterative Approach)
Continuous Development & Testing – The project is built in multiple iterations
(sprints).

User Feedback Integration – Changes and improvements are made based on user
feedback.

Flexibility – Ideal for evolving project requirements.

The Agile Model is often preferred for e-commerce platforms because of its adaptability
to market trends and customer needs.

5.2 System Workflow

The system follows a modular development approach with the following
phases:
User Authentication – Users register, log in, and manage accounts.

Product Management – Admin adds, updates, and deletes products.

Cart & Order Processing – Customers add products to the cart and proceed to
checkout.

Payment Integration – Payments are processed through secure gateways.

Order Tracking & Management – Users track orders, and admins handle
shipments.

LANGUAGE REFERENCE
6. LANGUAGE REFERENCE
The development of the E-Commerce Website is based on a combination of
front-end and back-end technologies that ensure smooth user interactions, data
management, and a secure transaction process. The project follows a structured
and modular approach to development, ensuring flexibility, maintainability,
and scalability.

6.1 Front-End Technologies

The front-end plays a crucial role in the user experience (UX) and user
interface (UI), ensuring a visually appealing and interactive e-commerce
platform. The technologies used include:
HTML (HyperText Markup Language):
Acts as the backbone of the website, structuring content and defining the page
layout.

Used to create essential elements such as headers, navigation menus, product

listings, shopping cart interfaces, and checkout pages.

Enables semantic markup, making the website more accessible and

SEOfriendly.

CSS (Cascading Style Sheets)

Enhances the visual presentation of the website with styles, colors, layouts, and
animations.

Ensures responsive design, making the website mobile-friendly across

different screen sizes.

Uses properties like Flexbox and Grid for better alignment of page elements.

Allows for custom themes to improve branding and user engagement.

JavaScript (JS)
Adds dynamic behavior and interactivity to the web pages.

Handles client-side validation (e.g., validating forms before submission to the

server).

Implements event-driven actions, such as clicking a button to add a product to

the cart.

Enables real-time updates like live search, auto-suggestions, and AJAX-based

data fetching.

Works alongside libraries like jQuery (if used) to simplify complex operations.

6.2 Back-End Technologies

The back-end is responsible for handling business logic, database
management, and security. This ensures a seamless flow of data between users
and the system. The primary back-end technology used is:
PHP (Hypertext Preprocessor)
A powerful server-side scripting language used to develop dynamic web
applications.

Handles all major operations such as user authentication, order processing,

product management, and payment validation.

Provides session management to keep track of logged-in users and their

activities.

Uses superglobal variables ($_GET, $_POST, $_SESSION) to interact with form

data and databases.

Implements error handling techniques (try-catch, custom error pages) to

improve system reliability.

Works seamlessly with AJAX to enable asynchronous data exchange, enhancing

user experience.

6.3 Database Management

The database stores and manages critical e-commerce data such as user details,
product information, order history, and payment transactions. While PHP
typically integrates with MySQL, other relational databases can be used.

MySQL Database (if used)

Organizes data efficiently in tables using structured query language (SQL).

Ensures data integrity and consistency by using primary and foreign keys.

Supports CRUD (Create, Read, Update, Delete) operations for managing

products, users, and orders.

Uses indexes and optimized queries for faster performance in large-scale

ecommerce applications.

Implements data security features like encryption, user roles, and access
permissions.

Example Database Tables for an E-Commerce Website:

Users Table: Stores customer and admin details.
Products Table: Stores product names, descriptions, prices, and stock levels.

Orders Table: Maintains order history, including user ID, payment status, and
shipping details.

Cart Table: Temporarily stores products added to the shopping cart before
checkout.

6.4 Integration and Deployment Considerations

To ensure smooth functioning and deployment, the following components are
considered:

Server and Hosting

The website can be hosted on an Apache server, commonly provided in
XAMPP or WAMP for local development.

If deployed online, shared hosting or cloud-based VPS (like AWS, DigitalOcean)

can be used.

Security Measures
Form validation and sanitization: Prevent SQL injection and cross-site scripting
(XSS) attacks.

Password hashing (bcrypt): Enhances security for user authentication.

Session and token-based authentication: Manages user logins securely.

Performance Optimization
Minified CSS and JS files to reduce page load time.

Caching mechanisms to store frequently accessed data.

Database indexing for fast query execution.

CDN (Content Delivery Network) to speed up asset loading globally.

6.5 Benefits of Using PHP, HTML, CSS, and JavaScript for E- Commerce
 Using PHP, HTML, CSS, and JavaScript for an e-commerce platform
provides several advantages:
Open-source and cost-effective: No need for expensive licenses, reducing
development costs.

Cross-platform compatibility: Works on any device with a web browser.

Easy database integration: PHP connects smoothly with MySQL, allowing

efficient data management.

Scalability: The system can be expanded with new features as the business
grows.

User-friendly experience: JavaScript enhances interactivity, making the website

engaging.

Secure transactions: PHP supports secure payment gateway integration.

Customizability: Unlike CMS platforms (e.g., Shopify, WooCommerce), a

custom PHP-based e-commerce website allows complete flexibility.

DATABASE STRUCTURE

The E-Commerce Website requires a well-structured database to store and manage user
details, product information, orders, and transactions. The database ensures data consistency,
integrity, and security while optimizing performance.

Database Design Approach

The system follows a relational database model, where data is stored in multiple tables
connected through primary and foreign keys.
The database design focuses on normalization to eliminate data redundancy and maintain
efficiency.
Uses indexes for faster data retrieval and search operations.
Constraints such as NOT NULL, UNIQUE, and CHECK are applied to ensure data
validation.
Colu
mn Descriptio
Data Type Constraints
Nam n
e
PRIMARY KEY,
user_ Unique
INT AUTO_INCREME
id user ID
NT
VARCHAR Full name
name NOT NULL
(100) of the user
Email
VARCHAR UNIQUE, NOT
email address
(150) NULL
(Login)
pass VARCHAR Encrypted
NOT NULL
word (255) password
phon VARCHAR Contact
NOT NULL
e (15) number
Shipping/B
addre
ss
TEXT NULL illing
address
ENUM('ad
user_ DEFAULT Role of the
type
min',
'customer' user
'customer')
DEFAULT
creat TIMESTA Registratio
CURRENT_TIME
ed_at MP n date
STAMP

Products Table (Stores product details)

Colum
Descrip
n Data Type Constraints
tion
Name
PRIMARY KEY, Unique
product
INT AUTO_INCREMEN product
_id
T ID
VARCHAR( Product
name NOT NULL
255) name
Detailed
descript
TEXT NULL descripti
ion
on
DECIMAL( Product
price NOT NULL
10,2) price
Quantit
y
stock INT DEFAULT 0
availabl
e
FOREIGN KEY Categor
categor
INT (References y of the
y_id
Categories) product
VARCHAR( Image
image NULL
255) file path
 DEFAULT
created TIMESTAM Date
CURRENT_TIMES
_at P added
TAMP

Orders Table (Stores order details)

Colu
Descrip
mn Data Type Constraints
tion
Name

PRIMARY KEY,
order_ Unique
INT AUTO_INCREMEN
id order ID
T

Custom
user_i FOREIGN KEY er
INT
d (References Users) placing
order

Total
total_p DECIMAL(1 cost of
NOT NULL
rice 0,2) the
order

ENUM('pend
ing',
Order
status 'shipped', DEFAULT 'pending'
status
'delivered',
'cancelled')

DEFAULT
create TIMESTAM Order
CURRENT_TIMES
d_at P date
TAMP

Database Relationships
Users & Orders → One user can place multiple orders.
Orders & Order_Items → One order can contain multiple products.
Products & Categories → One product belongs to one category.
Users & Cart → One user can add multiple products to the cart.
Sample SQL Queries
Create Users Table
CREATE TABLE users (
user_id INT AUTO_INCREMENT PRIMARY KEY, name
VARCHAR(100) NOT NULL, email VARCHAR(150)
UNIQUE NOT NULL, password VARCHAR(255) NOT
NULL, phone VARCHAR(15) NOT NULL, address TEXT,
user_type ENUM('admin', 'customer') DEFAULT 'customer',

TIMESTAMP DEFAULT CURRENT_TIMESTAMP );

Retrieve Orders with User Details

SELECT orders.order_id, users.name, users.email, orders.total_price, orders.status
FROM orders
JOIN users ON orders.user_id = users.user_id;

Update Order Status

UPDATE orders SET status = 'shipped' WHERE order_id = 10;

Database Optimization Techniques

Indexing → Adding indexes on frequently searched columns to speed up queries.
Data Normalization → Eliminating duplicate data for better consistency.
Stored Procedures → Using precompiled SQL statements for common operations.
Database Backups → Regular backups to prevent data loss.
Security Measures → Using hashed passwords, preventing SQL injection, and restricting
user access.

Conclusion
The database structure is designed to handle all user interactions, product
management, order processing, and cart operations efficiently. By implementing relational
database principles and optimization techniques, the e-commerce platform ensures high
performance, data integrity, and security.
SCREEN DESIGNS

HOME PAGE:

ABOUT US PAGE
CONTACT US PAGE:

ADMIN PAGE:
MANAGE USER:

MANAGE PRODUCTS
CODING

HOME

<?php

include 'components/connect.php';

session_start();

if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
};

include 'components/wishlist_cart.php';

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vps enterprises</title>

<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />

<!-- font awesome cdn link -->

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.1.1/css/all.min.css">

<!-- custom css file link -->

<link rel="stylesheet" href="css/style.css">
</head>
<body>

<?php include 'components/user_header.php'; ?>

<div class="home-bg">

<section class="home">

<div class="swiper home-slider">

<div class="swiper-wrapper">

<div class="swiper-slide slide">

<div class="image">
<img src="images/home-img-1.png" alt="">
</div>
<div class="content">
<span>Upto 50% Off</span>
<h3>Latest Smartphones</h3>
<a href="category.php?category=smartphone" class="btn">Shop Now</a>
</div>
</div>

<div class="swiper-slide slide">

<div class="image">
<img src="images/home-img-2.png" alt="">
</div>
<div class="content">
<span>Upto 50% off</span>
<h3>Latest Watches</h3>
<a href="category.php?category=watch" class="btn">Shop Now.</a>
</div>
</div>

<div class="swiper-slide slide">

<div class="image">
<img src="images/home-img-3.png" alt="">
</div>
<div class="content">
<span>upto 50% off</span>
<h3>Latest headsets</h3>
<a href="shop.php" class="btn">Shop Now.</a>
 </div>
</div>

</div>

<div class="swiper-pagination"></div>

</div>

</section>

</div>

<section class="category">

<h1 class="heading">Shop by Category</h1>

<div class="swiper category-slider">

<div class="swiper-wrapper">

<a href="category.php?category=NVR/DVR" class="swiper-slide slide">

<img src="images/icon123.png" alt="">
<h3>NVR/DVR</h3>
</a>

<a href="category.php?category=tv" class="swiper-slide slide">

<img src="images/icon23.png" alt="">
<h3>Television</h3>
</a>

<a href="category.php?category=camera" class="swiper-slide slide">

<img src="images/icon32.png" alt="">
<h3>Camera</h3>
</a>

<a href="category.php?category=mouse" class="swiper-slide slide">

<img src="images/icon41.png" alt="">
<h3>DOOR ACCESS</h3>
</a>

<a href="category.php?category=fridge" class="swiper-slide slide">

<img src="images/icon51.png" alt="">
<h3>SOLAR PANNEL</h3>
 </a>

<a href="category.php?category=washing" class="swiper-slide slide">

<img src="images/icon61.png" alt="">
<h3>FIRE ALARM</h3>
</a>

<a href="category.php?category=smartphone" class="swiper-slide slide">

<img src="images/icon71.png" alt="">
<h3>BIOMETRIC</h3>
</a>

<a href="category.php?category=watch" class="swiper-slide slide">

<img src="images/icon81.png" alt="">
<h3>INTERCOME</h3>
</a>

</div>

<div class="swiper-pagination"></div>

</div>

</section>

<section class="home-products">

<h1 class="heading">Latest products</h1>

<div class="swiper products-slider">

<div class="swiper-wrapper">

<?php
$select_products = $conn->prepare("SELECT * FROM `products` LIMIT 6");
$select_products->execute(); if($select_products-
>rowCount() > 0){
while($fetch_product = $select_products->fetch(PDO::FETCH_ASSOC)){
?>
<form action="" method="post" class="swiper-slide slide">
<input type="hidden" name="id" value="<?= $fetch_product['id']; ?>">
<input type="hidden" name="name" value="<?= $fetch_product['name']; ?>">
<input type="hidden" name="price" value="<?= $fetch_product['price']; ?>">
<input type="hidden" name="image" value="<?= $fetch_product['image_01']; ?>">
 <button class="fas fa-heart" type="submit" name="add_to_wishlist"></button>
<a href="quick_view.php?pid=<?= $fetch_product['id']; ?>" class="fas fa-eye"></a>
<img src="uploaded_img/<?= $fetch_product['image_01']; ?>" alt="">
<div class="name"><?= $fetch_product['name']; ?></div>
<div class="flex">
<div class="price"><span>rs.</span><?= $fetch_product['price'];
?><span>/</span></div>
<input type="number" name="qty" class="qty" min="1" max="99"
onkeypress="if(this.value.length == 2) return false;" value="1">
</div>
<input type="submit" value="add to cart" class="btn" name="add_to_cart">
</form>
<?php
}
}else{
echo '<p class="empty">no products added yet!</p>';
}
?>

</div>

<div class="swiper-pagination"></div>

</div>

</section>

<?php include 'components/footer.php'; ?>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>

<script src="js/script.js"></script>

<script>

var swiper = new Swiper(".home-slider", {

 loop:true, spaceBetween:
20, pagination: { el:
".swiper-pagination",
clickable:true,
}, });

var swiper = new Swiper(".category-slider", {

loop:true, spaceBetween: 20, pagination: {
el: ".swiper-pagination",
clickable:true,
},
breakpoints: {
0: {
slidesPerView: 2,
}, 650: {
slidesPerView: 3,
},
768: {
slidesPerView: 4,
},
1024: {
slidesPerView: 5,
},
},
});

var swiper = new Swiper(".products-slider", {

loop:true, spaceBetween:
20, pagination: { el:
".swiper-pagination",
clickable:true,
},
breakpoints: {
550: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
},
},
});

</script>

</body>
</html>
<?php

include 'components/connect.php';

session_start();

if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
};

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>

<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />

<!-- font awesome cdn link -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">

<!-- custom css file link -->

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<?php include 'components/user_header.php'; ?>

<section class="about">

<div class="row">

<div class="image">
<img src="images/logo.png" alt="">
 </div>

<div class="content">
<h3>ABOUT US:</h3>
<p>VPS ENTERPRISES we specialize in IT solutions, CCTV surveillance, and biometric security
systems to protect businesses and individuals. Our advanced technology ensures safety, efficiency, and
seamless access control for homes, offices, and industries.

🔹 CCTV & Surveillance – 24/7 monitoring & security solutions

🔹 Biometric Access Control – Fingerprint & facial recognition systems
🔹 IT & Networking – Secure and scalable IT infrastructure

Your Security, Our Priority!

📩 Contact Us: 0987654321

🌐 Website: WWW.VPSENTERPRISES.COM.</p>

<p> CAUTION….. You are being watched on Camera !>>>>>SAFETY for Myself! My family! My
Company! My Country!</p>
<a href="contact.php" class="btn">Contact Us</a>
</div>

</div>

</section>

<section class="reviews">

<h1 class="heading">Client's Reviews.</h1>

<div class="swiper reviews-slider">

<div class="swiper-wrapper">

<div class="swiper-slide slide">

<img src="images/pic-5.jpg" alt="">
<p>Been using their services for quite a bit and have never had an issue with the quality of their
products. Online e-products working great as well. Only issue I have is they usually deliver when I'm a
little caught up, though I've set a preferred delivery time. Everything else has been good.</p> <div
class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
 <h3> <a href="https://www.facebook.com/profile.php?id=100083292714419"
target="_blank">Denisha Adhikari</a></h3>
</div>

<div class="swiper-slide slide">

<img src="images/pic-1.jpg" alt="">
<p>It is the first online services in Nepal which we can trust completely.I always unbox making a
video and instantly complain if there's anything wrong. Sometimes even don't need to return the item and
they process the refund. KinBech do heavy fine to sellers who send wrong products thats why its platform
getting better day by day.</p> <div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3><a href="https://www.facebook.com/profile.php?id=100075602340579"
target="_blank">Rushab Risal</a></h3>
</div>

<div class="swiper-slide slide">

<img src="images/pic-3.jpg" alt="">
<p>KinBech is great if you choose good sellers . A variety of required item available . Customers can
return and refund full amount within 7 days easily . KinBech is boosting eCommerce business in
Kathmandu.It provides great opportunity to sale items online with ease.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3><a href="https://www.facebook.com/kaushalsah135790" target="_blank">Kaushal
Shah</a></h3>
</div>

<div class="swiper-slide slide">

<img src="images/pic-7.jpg" alt="">
<p>Using KinBech for online shopping from almost 3 years. Outstanding experience with them.
Game vouchers and pick up point as delivery with 0 shipping charges are super saving services.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
 <h3><a href="https://www.facebook.com/fuccheekta.moh.1" target="_blank">Subash
Ray</a></h3>
</div>

<div class="swiper-slide slide">

<img src="images/pic-2.jpg" alt="">
<p>I have been using their services for the last 2 years and I have found them extremely reliable.Their
return policy is what gives you an extra layer of reliance and peace of mind. In case the product doesn't
meet your expectations or if there is any fault in it. then you can return the product within seven days from
the date of delivery.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3><a href="https://www.facebook.com/ranjitchaudhary159" target="_blank">Ranjit
Chaudhary</a></h3>
</div>

<div class="swiper-slide slide">

<img src="images/pic-6.jpg" alt="">
<p>KinBech is cool! I have ordered hundreds of products from it and never got any scam. It delivers
products in time with out delay. Packaging of products are strong and delivery rates are too low. Just
amazing Website will keep shopping from KinBech.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3><a href="https://www.facebook.com/pra.x.nil" target="_blank">Pranil Poudel</a></h3>
</div>

</div>

<div class="swiper-pagination"></div>

</div>

</section>
ABOUT

<?php include 'components/footer.php'; ?>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>

<script src="js/script.js"></script>

<script>

var swiper = new Swiper(".reviews-slider", {

loop:true, spaceBetween: 20, pagination:
{ el: ".swiper-pagination",
clickable:true,
},
breakpoints: {
0: {
slidesPerView:1,
},
768: {
slidesPerView: 2,
},
991: {
slidesPerView: 3,
},
}, });

</script>

</body> </html>

CONTACT

<?php

include 'components/connect.php';

session_start();

if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
};

if(isset($_POST['send'])){
 $name = $_POST['name'];
$name = filter_var($name, FILTER_SANITIZE_STRING);
$email = $_POST['email'];
$email = filter_var($email, FILTER_SANITIZE_STRING);
$number = $_POST['number'];
$number = filter_var($number, FILTER_SANITIZE_STRING);
$msg = $_POST['msg'];
$msg = filter_var($msg, FILTER_SANITIZE_STRING);

$select_message = $conn->prepare("SELECT * FROM `messages` WHERE name = ? AND email = ?

AND number = ? AND message = ?");
$select_message->execute([$name, $email, $number, $msg]);

if($select_message->rowCount() > 0){

$message[] = 'already sent message!';
}else{

$insert_message = $conn->prepare("INSERT INTO `messages`(user_id, name, email, number,

message) VALUES(?,?,?,?,?)");
$insert_message->execute([$user_id, $name, $email, $number, $msg]);

$message[] = 'sent message successfully!';

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">

<!-- custom css file link -->

<link rel="stylesheet" href="css/style.css">

</head>
<body>
<?php include 'components/user_header.php'; ?>

<section class="contact">

<form action="" method="post">

<h3>Get in touch.</h3>
<input type="text" name="name" placeholder="enter your name" required maxlength="20"
class="box">
<input type="email" name="email" placeholder="enter your email" required maxlength="50"
class="box">
<input type="number" name="number" min="0" max="9999999999" placeholder="enter your
number" required onkeypress="if(this.value.length == 10) return false;" class="box"> <textarea
name="msg" class="box" placeholder="enter your message" cols="30" rows="10"></textarea>
<input type="submit" value="send message" name="send" class="btn">
</form>

</section>

<?php include 'components/footer.php'; ?>

<script src="js/script.js"></script>

</body>
</html> CHECK OUT
<?php

include 'components/connect.php';

session_start();

if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
header('location:user_login.php');
};
if(isset($_POST['order'])){

$name = $_POST['name'];
$name = filter_var($name, FILTER_SANITIZE_STRING);
$number = $_POST['number'];
$number = filter_var($number, FILTER_SANITIZE_STRING);
$email = $_POST['email'];
$email = filter_var($email, FILTER_SANITIZE_STRING);
$method = $_POST['method'];
$method = filter_var($method, FILTER_SANITIZE_STRING);
$address = 'flat no. '. $_POST['flat'] .', '. $_POST['street'] .', '. $_POST['city'] .', '. $_POST['state'] .', '.
$_POST['country'] .' - '. $_POST['pin_code'];
$address = filter_var($address, FILTER_SANITIZE_STRING);
$total_products = $_POST['total_products'];
$total_price = $_POST['total_price'];

$check_cart = $conn->prepare("SELECT * FROM `cart` WHERE user_id = ?");

$check_cart->execute([$user_id]);

if($check_cart->rowCount() > 0){

$insert_order = $conn->prepare("INSERT INTO `orders`(user_id, name, number, email, method,

address, total_products, total_price) VALUES(?,?,?,?,?,?,?,?)");
$insert_order->execute([$user_id, $name, $number, $email, $method, $address, $total_products,
$total_price]);

$delete_cart = $conn->prepare("DELETE FROM `cart` WHERE user_id = ?"); $delete_cart-

>execute([$user_id]);

$message[] = 'order placed successfully!';

}else{
$message[] = 'your cart is empty';
}
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>checkout</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
 <!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<?php include 'components/user_header.php'; ?>

<section class="checkout-orders">

<form action="" method="POST">

<h3>Your Orders</h3>

<div class="display-orders">
<?php
$grand_total = 0;
$cart_items[] = '';
$select_cart = $conn->prepare("SELECT * FROM `cart` WHERE user_id = ?");
$select_cart->execute([$user_id]); if($select_cart-
>rowCount() > 0){
while($fetch_cart = $select_cart->fetch(PDO::FETCH_ASSOC)){
$cart_items[] = $fetch_cart['name'].' ('.$fetch_cart['price'].' x '. $fetch_cart['quantity'].') - ';
$total_products = implode($cart_items);
$grand_total += ($fetch_cart['price'] * $fetch_cart['quantity']);
?>
<p> <?= $fetch_cart['name']; ?> <span>(<?= '$'.$fetch_cart['price'].'/- x '. $fetch_cart['quantity'];
?>)</span> </p>
<?php
}
}else{
echo '<p class="empty">your cart is empty!</p>';
}
?>
<input type="hidden" name="total_products" value="<?= $total_products; ?>">
<input type="hidden" name="total_price" value="<?= $grand_total; ?>" value="">
<div class="grand-total">Grand Total : <span>Nrs.<?= $grand_total; ?>/-</span></div>
</div>

<h3>place your orders</h3>

<div class="flex">
<div class="inputBox">
<span>Tapaiko subh nam :</span>
<input type="text" name="name" placeholder="enter your name" class="box" maxlength="20"
required>
</div>
 <div class="inputBox">
<span>Your Number :</span>
<input type="number" name="number" placeholder="enter your number" class="box" min="0"
max="9999999999" onkeypress="if(this.value.length == 10) return false;" required>
</div>
<div class="inputBox">
<span>Your Email :</span>
<input type="email" name="email" placeholder="enter your email" class="box" maxlength="50"
required>
</div>
<div class="inputBox">
<span>kasari halnuhunx paisa? :</span>
<select name="method" class="box" required>
<option value="cash on delivery">Cash On Delivery</option>
<option value="credit card">Credit Card</option>
<option value="paytm">eSewa</option>
<option value="paypal">Khalti</option>
</select>
</div>
<div class="inputBox">
<span>Address line 01 :</span>
<input type="text" name="flat" placeholder="e.g. Flat number" class="box" maxlength="50"
required>
</div>
<div class="inputBox">
<span>Address line 02 :</span>
<input type="text" name="street" placeholder="Street name" class="box" maxlength="50"
required>
</div>
<div class="inputBox">
<span>City :</span>
<input type="text" name="city" placeholder="Kathmandu" class="box" maxlength="50" required>
</div>
<div class="inputBox">
<span>Province:</span>
<input type="text" name="state" placeholder="Bagmati" class="box" maxlength="50" required>
</div>
<div class="inputBox">
<span>Country :</span>
<input type="text" name="country" placeholder="Nepal" class="box" maxlength="50" required>
</div>
<div class="inputBox">
<span>ZIP CODE :</span>
<input type="number" min="0" name="pin_code" placeholder="e.g. 56400" min="0"
max="999999" onkeypress="if(this.value.length == 6) return false;" class="box" required>
</div>
</div>
 <input type="submit" name="order" class="btn <?= ($grand_total > 1)?'':'disabled'; ?>" value="place
order">

</form>

</section>
<?php include 'components/footer.php'; ?>

<script src="js/script.js"></script>

</body>
</html>

OUTPUTS
HOME PAGE:
LOGIN PAGE:

PRODUCTS:
 CONTACT US PAGE

ADMIN LOGIN PAGE:

ADMIN DASHBOARD:

REGISTERED USER:
MANAGE PRODUCTS

ADD PRODUCTS:
 SYSTEM TESTING

11.SYSTEM TESTING

Testing is vital for the success of any software. no system design is ever perfect.
Testing is also carried in two phases. first phase is during the software engineering that
is during the module creation. second phaseis after the completion of software. this is
system testing which verifies that the whole set of programs hanged together.

White Box Testing:

In this technique, the close examination of the logical parts through the software
are tested by cases that exercise species sets of conditions or loops. all logical parts of
the software checked once. errors that can be corrected using this technique are
typographical errors, logical expressions which should be executed once may be getting
executed more than once and error resulting by using wrong controls and loops. When
the box testing tests all the independent part within a module a logical decisions on their
true and the false side are exercised , all loops and bounds within their operational
bounds were exercised and internal data structure to ensure their validity were exercised
once.

Black Box Testing:

This method enables the software engineer to device sets of input techniques that
fully exercise all functional requirements for a program. black box testing tests the input,
the output and the external data. it checks whether the input data is correct and whether
we are getting the desired output. Unit Testing:

Each module is considered independently. it focuses on each unit of software as implemented

in the source code. it is white box testing.
Integration Testing:
Integration testing aims at constructing the program structure while at the same
constructing tests to uncover errors associated with interfacing the modules. modules
are integrated by using the top down approach.

CONCLUSION

Conclusion
The development of this E-Commerce Website using PHP, HTML, CSS, and JavaScript
provides a user-friendly platform for online shopping. The system effectively manages user
registrations, product listings, cart functionalities, orders, and payments, ensuring a seamless
shopping experience.

By implementing a structured database, the project ensures data security, consistency,

and efficient management of products, users, and orders. The use of relational database
principles, optimized queries, and security measures enhances system performance.

This project demonstrates the practical application of web development, database

management, and dynamic user interaction. Future improvements may include adding more
payment gateways, integrating AI-based recommendations, and enhancing UI/UX for a
better user experience.