Fashion Fusion Black Book Suyash
Fashion Fusion Black Book Suyash
A PROJECT REPORT
ON
FASHION FUSION
An Ecommerce Website
Submitted By:
Suvash Singh
(46421600489)
And
Suyash Gupta
(04421005868)
1
Fashion Fushion - An Ecommerce Website
CERTIFICATE
This is to certify that the project entitled, "Fashion Fusion-An Ecommerce Website", is
bonafide work of Suyash Gupta bearing Seat. No: (1705) submitted in partial fulfilment of the
requirements for the award of the degree of Bachelor of Computer Application, PRN NO.
04421005868 under Tilak Maharashtra Vidyapeeth, in the year 2023-2024.
External Examiner
2
Fashion Fushion - An Ecommerce Website
ACKNOWLEDGEMENT
I express my sincere gratitude to all those who contributed to the successful completion of the
Fashion Fusion E-Commerce Website project.
First and foremost, I extend my heartfelt thanks to Prof. Minal Mandwe, whose guidance,
support, and expertise have been invaluable throughout the journey. Your encouragement and
insightful feedback have significantly shaped the direction of this project, and I am truly grateful
for your mentorship.
Last but not least, I express my deepest appreciation to my family and friends for their
unwavering support, understanding, and encouragement. Your belief in me has been a constant
source of motivation, and I am profoundly grateful for your love and encouragement.
In conclusion, I extend my heartfelt thanks to everyone who has played a part, no matter how big
or small, in bringing this project
Thank you,
SUYASH GUPTA
3
Fashion Fushion - An Ecommerce Website
DECLARATION
I solemnly affirm that this written submission is a true reflection of my own thoughts, ideas, and
intellectual efforts. Wherever I have incorporated the ideas, words, or works of others, I have
diligently acknowledged and referenced the original sources in accordance with established
academic conventions and guidelines.
Throughout the creation of this project, I have steadfastly upheld the principles of academic
honesty and integrity. I have not engaged in any form of misrepresentation, fabrication, or
falsification of information, data, facts, or sources in this submission. I recognize the gravity of
academic misconduct and the negative impact it can have on the scholarly community, and thus,
I have rigorously maintained the highest standards of academic ethics.
Moreover, I am fully aware that any violation of these principles not only reflects poorly on my
own integrity but also undermines the credibility of the academic institution I am affiliated with.
I acknowledge that disciplinary actions may be taken by the Institute in response to any breach
of academic honesty, ranging from warnings to more severe penalties, as deemed appropriate by
the relevant authorities.
4
Fashion Fushion - An Ecommerce Website
TABLE OF CONTENTS
S. No. Description Page No.
5
Fashion Fushion - An Ecommerce Website
Chapter 1
Introduction
Introduction:
Within the dynamic world of digital commerce, the rise of e-commerce platforms has completely
changed the way that people purchase, providing consumers all over the world with unmatched
ease and accessibility. Businesses now understand how important it is to have a strong online
presence in order to take advantage of the enormous potential of the global marketplace, as e-
commerce continues to grow. In this regard, creating an e-commerce website is a strategic
necessity for businesses looking to take advantage of the expanding digital commerce trend.
The current initiative involves developing an online storefront called "Fashion Fusion," which
aims to satisfy the wide range of demands and tastes of contemporary customers. Fashion Fusion
offers a large selection of products in several categories, such as children's, women's, and men's
fashion, with the goal of giving customers a thorough and easy purchasing experience. Fashion
Fusion aims to become a top online shopping destination by offering a wide range of items and
emphasizing user-centric design principles.
The main goal of the Fashion Fusion project is to create a website that is easy to use and
intuitive, meeting the changing demands and expectations of today's sophisticated customers.
Fashion Fusion wants to build an online shopping destination that is both captivating and
encourages repeat visits by combining cutting-edge design with strong functionality and easy
navigation. Fashion Fusion strives to establish new standards for e-commerce excellence by
utilizing state-of-the-art technologies and following industry best practices.
The Fashion Fusion project is important because it has the ability to change online shopping
habits and upend the e-commerce industry. Fashion Fusion wants to change the future of
digital
6
Fashion Fushion - An Ecommerce Website
commerce by enabling consumers to easily discover, explore, and buy products with confidence
by utilizing technology and innovative design.
In summary, the Fashion Fusion project represents a bold endeavour to create a next-generation
ecommerce platform that transcends traditional boundaries and sets new standards for excellence
in online retail. Through innovation, creativity, and collaboration, we are confident that Fashion
Fusion will emerge as a market leader and redefine the future of e-commerce.
Background:
The e-commerce industry has experienced unprecedented growth in recent years, driven by
advancements in technology, changing consumer preferences, and the proliferation of internet
connectivity. With the advent of smartphones, tablets, and other digital devices, consumers have
embraced online shopping as a convenient and efficient way to fulfill their purchasing needs.
This shift in consumer behaviour has prompted businesses of all sizes to invest in e-commerce
solutions to capitalize on the lucrative opportunities presented by the digital marketplace.
Against this backdrop, the concept of "Fashion Fusion" was conceived as a response to the
evolving needs and expectations of modern consumers. Recognizing the increasing demand for
online shopping platforms that offer a seamless and personalized shopping experience, the
founders of Fashion Fusion set out to create a next-generation e-commerce destination that
would redefine the way people shop online. Drawing inspiration from the latest trends in fashion
and technology, Fashion Fusion aims to leverage innovative design, cutting-edge technology,
and data- driven insights to deliver a superior shopping
7
Fashion Fushion - An Ecommerce Website
patterns, Fashion Fusion seeks to position itself as a leader in the fast-paced and ever-evolving
e- commerce space.
Objectives:
1. Curate a diverse and comprehensive product catalog: Fashion Fusion seeks to offer a
wide range of products across various categories, including men's, women's, and children's
fashion. By curating a diverse selection of merchandise, Fashion Fusion aims to cater to the
diverse preferences and tastes of its customers and become a one-stop destination for all their
fashion needs.
8
Fashion Fushion - An Ecommerce Website
3. Optimize for mobile responsiveness: With the increasing prevalence of mobile devices,
Fashion Fusion recognizes the importance of optimizing its website for mobile responsiveness.
By ensuring that the website is fully accessible and functional across all devices and screen sizes,
Fashion Fusion aims to reach a broader audience and enhance the accessibility of its platform.
4. Streamline the checkout process: Fashion Fusion aims to simplify and streamline the
checkout process to minimize friction and maximize conversions. By optimizing the checkout
flow, reducing the number of steps required to complete a purchase, and offering multiple
payment options, Fashion Fusion seeks to enhance the user experience and increase customer
satisfaction.
Purpose:
Fashion Fusion aims to provide a top-tier e-commerce platform that provides customers with a
smooth, pleasurable, and convenient buying experience. Fashion Fusion offers a wide range of
well-chosen fashion items in multiple categories, with the goal of bridging the gap between
traditional retail and internet purchasing. Fashion Fusion aims to become the trusted and go-to
place for stylish consumers worldwide by putting an emphasis on user pleasure, security, and
9
Fashion Fushion - An Ecommerce Website
innovation. Fashion Fusion's ultimate objective is to revolutionize the online buying experience
and establish new benchmarks for quality in the e-commerce sector.
Scope:
The scope of Fashion Fusion encompasses a wide range of features and functionalities designed
to enhance the user experience and drive business growth. Key aspects of the scope include:
1. User authentication and registration: Fashion Fusion allows users to create accounts, log
in securely, and manage their profiles.
4. Personalized shopping experiences: Fashion Fusion leverages data analytics and machine
learning algorithms to deliver personalized product recommendations, promotions, and offers
tailored to each user's preferences and behaviour.
5. Mobile responsiveness: Fashion Fusion is optimized for mobile devices, ensuring that
users can access the platform seamlessly from smartphones and tablets. The website is fully
responsive and adapts to different screen sizes and resolutions for an optimal browsing
experience.
10
Fashion Fushion - An Ecommerce Website
By encompassing these key features and functionalities, Fashion Fusion aims to provide users
with a comprehensive and compelling online shopping experience that exceeds their expectations
and sets new standards for excellence in the e-commerce industry.
11
Fashion Fushion - An Ecommerce Website
Chapter 2
System Analysis
In the development lifecycle of any software project, including Fashion Fusion, system analysis
is an essential step. It entails a thorough assessment of the needs, objectives, and limitations of
the system that has to be created. Understanding user and stakeholder needs, defining the
project's scope, and identifying the functional and non-functional requirements that will direct
the design and development process are the main goals of system analysis.
System analysis is essential to Fashion Fusion since it shapes the e-commerce platform's
architecture, functionality, and user experience. Important tasks associated with system analysis
consist of:
2. Analysis of existing systems: System analysts evaluate current workflows, procedures, and
systems to find possibilities for innovation and improvement. This could entail benchmarking
against industry standards, competitive analysis, and a detailed evaluation of legacy systems.
3. Definition of system objectives and scope: System analysts establish the goals and
parameters of the Fashion Fusion project based on requirements collected and analysis of
current systems. This entails figuring out the essential attributes, capabilities, and
deliverables that the finished product will have.
12
Fashion Fushion - An Ecommerce Website
4. Identification of functional requirements: System analysts pinpoint the precise features and
functionalities that the Fashion Fusion platform has to offer in order to satisfy customer
demands. Administrative controls, order processing, payment processing, product catalog
management, and user authentication are a few examples of this.
6. System modelling and prototyping: System analysts use modelling techniques such as use
case diagrams, entity-relationship diagrams, and data flow diagrams to visualize the system
architecture and behaviour. Prototyping may be used to validate design concepts and gather
feedback from stakeholders.
7. Risk assessment and mitigation: System analysts assess potential risks and challenges that
may impact the success of the project, such as technical constraints, resource limitations, and
market dynamics. Strategies for mitigating risks and addressing challenges are developed to
ensure the successful implementation of the Fashion Fusion platform.
By conducting thorough system analysis, Fashion Fusion can ensure that the requirements of its
users and stakeholders are clearly understood and translated into a well-defined system design.
This lays the foundation for the subsequent phases of system design, development, testing, and
deployment, ultimately leading to the successful delivery of a high-quality ecommerce platform
that meets the needs of its target audience.
13
Fashion Fushion - An Ecommerce Website
The existing system refers to the current state of operations, processes, and technologies in place
before the implementation of Fashion Fusion, the proposed e-commerce website. Understanding
the strengths, weaknesses, and limitations of the existing system is crucial for identifying areas
for improvement and guiding the development of Fashion Fusion.
1. Manual processes: Before Fashion Fusion, the business may have relied on manual processes
for tasks such as order management, inventory tracking, and customer communication. These
manual processes are often time-consuming, error-prone, and inefficient, leading to delays
and inaccuracies in operations.
2. Limited reach: Without an online presence, the business may have been limited in its reach
and ability to attract customers beyond a local or regional market. Lack of visibility on the
internet may have hindered the business's growth potential and competitiveness in the
market.
4. Data silos: Data may have been stored in disparate systems or spreadsheets, leading to data
silos and fragmentation of information across different departments. This lack of centralized
data management makes it challenging to obtain a holistic view of the business and hampers
decision making processes.
5. Security concerns: Without proper security measures in place, the existing system may be
vulnerable to cyber security threats such as data breaches, malware attacks, and unauthorized
access. Lack of encryption, secure authentication mechanisms, and data protection protocols
pose significant risks to the confidentiality and integrity of sensitive information.
14
Fashion Fushion - An Ecommerce Website
6. Limited scalability: The existing system may lack scalability, making it difficult to
accommodate growth and expansion in terms of customer base, product catalog, and
transaction volume. Scalability issues can lead to performance bottlenecks, system crashes,
and downtime during peak periods of activity.
7. Poor analytics and insights: In the absence of advanced analytics capabilities, the business
may struggle to gain actionable insights into customer behavior, sales trends, and market
dynamics. Lack of data analytics tools and reporting capabilities hinders the business's ability
to make informed decisions and optimize its operations.
8. Customer support challenges: Without integrated customer support channels, such as live
chat, email, or ticketing systems, addressing customer inquiries and resolving issues may be
cumbersome and time-consuming. Poor customer support experiences can result in negative
reviews, decreased customer satisfaction, and loss of business.
15
Fashion Fushion - An Ecommerce Website
1. Online storefront: Fashion Fusion features a visually appealing and user-friendly online
storefront where customers can browse, search, and discover a wide range of fashion
products across various categories, including men's, women's, and children's apparel,
footwear, accessories, and more. The storefront is designed to showcase product
images, descriptions, prices, and availability, enabling customers to make informed
purchasing decisions.
3. Intuitive shopping cart and checkout process: Fashion Fusion offers a seamless
shopping cart and checkout experience, allowing customers to add products to their
cart, review their selections, and proceed to checkout with ease. The checkout process
is streamlined and optimized for efficiency, with support for multiple payment options,
including credit/debit cards, digital wallets, and cash on delivery.
16
Fashion Fushion - An Ecommerce Website
filtered based on various attributes such as size, color, brand, and price range,
enhancing the discoverability and accessibility of merchandise for customers.
17
Fashion Fushion - An Ecommerce Website
1. User-Centric Design:
The website must prioritize user experience by implementing intuitive navigation, clear
product categorization, and seamless checkout processes.
Incorporate responsive design principles to ensure accessibility across various devices and
screen sizes.
4. Strong Functionality:
Ensure seamless website performance, fast loading times, and minimal downtime to
provide a smooth shopping experience.
Implement features such as wishlists, product comparisons, and personalized
recommendations to enhance user engagement and satisfaction.
18
Fashion Fushion - An Ecommerce Website
Offer multiple payment options and a streamlined checkout process to minimize cart
abandonment rates.
19
Fashion Fushion - An Ecommerce Website
The hardware requirements for Fashion Fusion, the e-commerce platform, include the
necessary infrastructure components to support its operations, ensure performance,
scalability, and reliability. Here's an overview of the hardware requirements:
1. Server infrastructure:
- Robust, high-performance servers are necessary for Fashion Fusion to host its
database, web application, and other backend services. It is imperative that the servers
possess the processing power, memory, and storage capacity to effectively manage
simultaneous user requests, database transactions, and data processing duties.
- Load balancers: Load balancers are necessary to split up incoming traffic among
several servers and guarantee best use of available resources. Load balancers distribute
incoming requests equally and avoid server overload, which enhances the platform's
availability, scalability, and reliability.
- Storage solutions: To store and handle massive amounts of data, such as user profiles,
order histories, multimedia material, and product information, Fashion Fusion needs dependable
storage solutions. Depending on speed, scalability, and cost factors, storage options could include
hard disk drives (HDDs), solid-state drives (SSDs), or cloud-based storage services.
2. Network infrastructure:
- Network switches: To connect servers, storage units, and other network components
inside the infrastructure, high-performance network switches are necessary. To guarantee
smooth communication between system components, switches should provide fast data
transfer, minimal latency, and dependable connectivity.
- Routers: Routers allow data traffic to be efficiently routed across the infrastructure
and permit connection between various networks. To guarantee dependable and secure
data transfer, routers should support sophisticated networking protocols including TCP/IP,
VLANs, and VPNs.
20
Fashion Fushion - An Ecommerce Website
3. Security infrastructure:
- Backup solutions: Regular data backups are essential to protect against data loss
and ensure business continuity in the event of hardware failures, natural disasters, or other
unforeseen incidents. Fashion Fusion should implement reliable backup solutions to
backup critical data regularly and store backups securely offsite or in the cloud.
- Disaster recovery solutions: Disaster recovery solutions help Fashion Fusion
recover from catastrophic events and restore normal operations as quickly as possible. This
may include redundant infrastructure, failover mechanisms, and recovery procedures to
minimize downtime and data loss in the event of a disaster.
21
Fashion Fushion - An Ecommerce Website
The software requirements for Fashion Fusion, the e-commerce platform, encompass the
necessary software components to develop, deploy, and operate the platform effectively.
Here's an overview of the software requirements:
1. Development Tools:
- Integrated Development Environment (IDE): A robust IDE such as Visual Studio Code,
Atom, or Sublime Text is essential for writing, debugging, and testing code efficiently. The
IDE should support languages and frameworks used in Fashion Fusion's development
stack, such as JavaScript (Node.js), HTML, CSS, and relevant frameworks like React.js or
Angular.
22
Fashion Fushion - An Ecommerce Website
4. Web Server:
- Nginx/Apache: Nginx and Apache are widely used web servers that serve static and
dynamic content over the HTTP protocol. Fashion Fusion can deploy Nginx or Apache to
host its web application, serve web pages, and handle incoming HTTP requests from
clients.
23
Fashion Fushion - An Ecommerce Website
24
Fashion Fushion - An Ecommerce Website
25
Fashion Fushion - An Ecommerce Website
Chapter 3
System Design
System design is a crucial phase in the development of Fashion Fusion, the e-commerce website,
where the architecture and structure of the system are defined to meet the functional and non-
functional requirements. Here's an overview of the system design for Fashion Fusion:
1. Architecture Overview:
- Fashion Fusion follows a microservices architecture, where the application is divided into
smaller, loosely coupled services that can be developed, deployed, and scaled independently.
This architecture promotes flexibility, scalability, and maintainability.
- The system consists of several key components, including frontend, backend
APIs, databases, authentication services, payment gateways, and administrative portals.
2. Frontend:
- The frontend of Fashion Fusion is developed using React.js, a popular JavaScript library
for building dynamic user interfaces.
- It comprises various components such as product listings, shopping cart,
user authentication, checkout process, and administrative dashboard.
- The frontend communicates with the backend APIs to fetch data, submit user inputs,
and handle user interactions seamlessly.
3. Backend APIs:
- The backend of Fashion Fusion is built using Node.js and Express.js, providing a
scalable and efficient runtime environment for server-side logic.
- It exposes RESTful APIs for handling various functionalities such as user
authentication, product management, order processing, and inventory management.
- Each API endpoint is responsible for performing specific tasks, ensuring modularity
and separation of concerns.
26
Fashion Fushion - An Ecommerce Website
4. Database:
- Fashion Fusion utilizes MongoDB, a NoSQL database, for storing and managing
product data, user profiles, session information, and other dynamic content.
- MongoDB's flexible document-oriented data model accommodates the dynamic nature of
e-commerce data, allowing for easy schema evolution and scalability.
- Indexing and query optimization techniques are employed to ensure efficient data
retrieval and performance.
6. Administrative Portal:
- Fashion Fusion includes an administrative portal or dashboard for managing
products, orders, users, discounts, and other administrative tasks.
- Administrators can perform CRUD (Create, Read, Update, Delete) operations on various
entities, monitor sales performance, generate reports, and configure settings through the portal.
27
Fashion Fushion - An Ecommerce Website
For the development of Fashion Fusion, the e-commerce website, the system can be divided into
several modules to organize and manage the development process efficiently.
1. Authentication Module:
- This module handles user authentication and authorization.
- Features include user registration, login, logout, password reset, and role-based access control.
- Utilizes JSON Web Tokens (JWT) for secure authentication.
-Allows users to update personal information, shipping addresses, payment methods, and
communication preferences.
28
Fashion Fushion - An Ecommerce Website
6. Search Module:
-Implements search functionality to enable users to find products quickly and easily.
-Supports keyword-based search, filtering by category, price range, size, color, etc.
-Utilizes indexing and query optimization techniques for efficient search results.
8. Integration Module:
9. Security Module:
29
Fashion Fushion - An Ecommerce Website
A data dictionary for Fashion Fusion, the e-commerce website, provides a comprehensive overview
of the data entities, attributes, and their definitions used within the system.
1. Users Table:
- user_id: Unique identifier for each user.
- username: User's username for login.
- password: Encrypted password for user authentication.
- email: User's email address.
- created_at: Timestamp indicating when the user account was created.
2. Products Table:
- product_id: Unique identifier for each product.
- name: Name of the product.
- description: Description of the product.
- price: Price of the product.
- category: Category of the product (e.g., men, women, kids).
- image_url: URL of the product image.
- created_at: Timestamp indicating when the product was added to the system.
3. Cart Table:
- cart_id: Unique identifier for each shopping cart.
- user_id: Foreign key referencing the user who owns the shopping cart.
- created_at: Timestamp indicating when the shopping cart was created.
30
Fashion Fushion - An Ecommerce Website
3.3 ER Diagrams
31
Fashion Fushion - An Ecommerce Website
32
Fashion Fushion - An Ecommerce Website
33
Fashion Fushion - An Ecommerce Website
34
Fashion Fushion - An Ecommerce Website
1. Activity Diagram
35
Fashion Fushion - An Ecommerce Website
2. Class Diagram
36
Fashion Fushion - An Ecommerce Website
3. Sequence Diagram
37
Fashion Fushion - An Ecommerce Website
38
Fashion Fushion - An Ecommerce Website
Chapter 4
4.1 Code
1. All Rotes For Front-End Of The Website
<?php
require_once('config.php');
include('db.php');
?>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="description" content="FASHION FUSHION">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FASHION FUSHION</title>
39
Fashion Fushion - An Ecommerce Website
</head>
<body>
<div id="preload">
<div class="load">
</div>
</div>
<header class="header-section">
<!-- Top Bar -->
<div class="header-top" id="top">
<div class="container">
<div class="f-left">
<div class="top-social">
<a href="https://www.facebook.com/" target="_blank"><i class="ti-facebook"></i></a>
<a href="https://twitter.com/explore" target="_blank"><i class="ti-twitter-alt"></i></a>
<a href="https://www.instagram.com/?hl=en" target="_blank"><i class="ti-instagram"></i></a>
</div>
</div>
<div class="f-right">
<ul class="nav-right">
<li class="user-icon">
<div class="login-panel">
<i class="fa fa-user" style="font-size:20px"></i>
</div>
<div class="login-hover">
<div class="insidelog">
40
Fashion Fushion - An Ecommerce Website
</div>
<?php if ($_SESSION['customer_email'] == 'unset') {
echo "<div class='insidelog'>
<span class='small'>or </span><a href='register.php' class='small'>Sign up Now</a>
</div>";
} ?>
<?php if (!($_SESSION['customer_email'] == 'unset')) {
echo "
<div class='insidelog' style='border-top: solid 0.2px #e5e5e5;'>
<a href='account.php?orders' class='btn btn-dark' style='color:white;margin:4px 0'>My
Account</a>
</div>";
}
?>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="inner-header">
<div class="row">
<div class="col-md-3 logo">
<a href="index.php">
<span>FASHION FUSHION</span>
</a>
</div>
<div class="col-md-6">
<form method="post">
<div class="input-group">
<input type="text" name="search" placeholder="Search our Store" required>
<button type="submit" name="submit"><i class="ti-search"></i></button>
</div>
</form>
</div>
41
Fashion Fushion - An Ecommerce Website
<ul class="nav-right">
<li class="cart-icon">
<a href="shopping-cart.php">
<i class="icon_bag_alt"></i>
<span><?php items(); ?></span>
</a>
<div class="cart-hover">
<div class="select-items">
<table>
<tbody>
<div class="nav-item">
<div class="container">
<div class="nav-depart">
<div class="depart-btn">
<i class="ti-menu"></i>
<span>All Categories</span>
<ul class="depart-hover">
<?php
42
Fashion Fushion - An Ecommerce Website
getProdCat();
?>
</ul>
</div>
</div>
<nav class="nav-menu mobile-menu">
<ul>
<li class="<?php if ($active == 'Home') echo "active" ?>"><a href="index.php">Home</a></li>
<li class="<?php if ($active == 'Shop') echo "active" ?>"><a href="shop.php">Shop</a></li>
<li class="<?php if ($active == 'Contact') echo "active" ?>"><a
href="contact.php">Contact</a></li>
</ul>
</nav>
<div id="mobile-menu-wrap"></div>
</div>
</div>
</header>
<!-- Header End -->
<?php
if (isset($_GET['delcart'])) {
$p_id = $_GET['delcart'];
echo "<script>window.open('index.php','_self')</script>";
}
if (isset($_POST['submit'])) {
$item = $_POST["search"];
$get_product = "select * from products where product_title LIKE '%$item%' LIMIT 0,1";
$count = mysqli_num_rows($run_product);
43
Fashion Fushion - An Ecommerce Website
if ($count > 0) {
$row_product = mysqli_fetch_array($run_product);
$products_id = $row_product['products_id'];
echo "<script>window.open('product.php?product_id=$products_id','_self')</script>";
} else {
echo "
<script>
bootbox.alert({
message: 'No product found',
backdrop: true
});
</script>";
}
}
?>
44
Fashion Fushion - An Ecommerce Website
<li><a href="
<?php if (!($_SESSION['customer_email'] == 'unset')) {
echo "check-out.php";
} else {
echo "login.php";
}
?>
">Check Out</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
45
Fashion Fushion - An Ecommerce Website
<div class="newslatter-item">
<h5>Keep in touch</h5>
<p>Get E-mail updates about our latest special offers.</p>
<form action="index.php" class="subscribe-form">
<input type="text" placeholder="Enter Your Mail">
<button type="button">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js" integrity="sha512-
eUQ9hGdLjBjY3F41CScH3UX+4JDSI9zXeroz7hJ+RteoCaY+GP/LDoM8AO+Pt+DRFw3nXqsjh9Zsts8hnYv
8/A==" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/5.4.0/bootbox.min.js" integrity="sha512-
8vfyGnaOX2EeMypNMptU+MwwK206Jk1I/tMQV4NkhOz+W8glENoMhGyU6n/6VgQUhQcJH8NqQgHhM
tZjJJBv3A==" crossorigin="anonymous"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
<?php
$active = "Contact";
include('db.php');
include("functions.php");
include("header.php");
?>
46
Fashion Fushion - An Ecommerce Website
47
Fashion Fushion - An Ecommerce Website
</div>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<div class="contact-form">
<div class="leave-comment">
<h4>Leave A Message</h4>
<p>Our staff will call back later and answer your questions.</p>
<form action="contact.php" class="comment-form">
<div class="row">
<div class="col-lg-6">
<input type="text" placeholder="Your name" class="form-control" name="name"
required>
</div>
<div class="col-lg-6">
<input type="text" placeholder="Your email" class="form-control" name="email"
required>
</div>
<div class="col-lg-12">
<input type="text" placeholder="Message Subject" class="form-control" name="subject"
required>
</div>
<div class="col-lg-12">
<textarea placeholder="Your message" class="form-control"
name="message"></textarea>
<button class="site-btn" name="submit">Send message</button>
</div>
</div>
</form>
<?php
if (isset($_POST['submit'])) {
$user_name = $_POST['name'];
$user_email = $_POST['email'];
$user_subject = $_POST['subject'];
$user_msg = $_POST['message'];
$receiver_mail = 'yousafsaddique523@gmail.com';
?>
48
Fashion Fushion - An Ecommerce Website
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section End -->
<?php
include('footer.php');
?>
</body>
</html>
<?php
$active = "Checkout";
include('db.php');
include("functions.php");
include("header.php");
?>
49
Fashion Fushion - An Ecommerce Website
<div class="container">
<form class="checkout-form">
<div class="row">
</div>
</div>
</div>
</form>
</div>
</section>
<!-- Shopping Cart Section End -->
<?php
include('footer.php');
?>
</body>
</html>
<?php
50
Fashion Fushion - An Ecommerce Website
if (isset($_GET['place'])) {
$c_id = $_SESSION['customer_email'];
$get_query = mysqli_fetch_array($run_query);
$custom_id = $get_query['customer_id'];
$pro_price = $row_item['product_price'];
$total_q += $pro_qty;
$pro_total_p = $pro_price * $pro_qty;
}
$final_price += $pro_total_p;
}
$order = "insert into orders (order_qty, order_price, c_id, date) values
('$total_q','$final_price','$custom_id',NOW())";
51
Fashion Fushion - An Ecommerce Website
?>
<?php
$active = "Details";
if (isset($_GET['details'])) {
$emal = $_SESSION['customer_email'];
$query = "select * from customer where customer_email = '$emal'";
$run_query = mysqli_query($con,$query);
$row_query = mysqli_fetch_array($run_query);
$cname = $row_query['customer_name'];
$cemail = $row_query['customer_email'];
$ccontact = $row_query['customer_contact'];
$cpass = $row_query['customer_pass'];
$caddress = $row_query['customer_address'];
echo "
<div class='col-md-6 col-12' style='margin:0px auto'>
<div class='bg-light text-dark' style='border:solid #e5e5e5 0.2px; padding: 10px 40px'>
<div class='ci-text'>
<span style='font-size:large;font-weight:600'>Email</span>
<p style='text-align:center'>$cemail</p>
</div>
<div class='ci-text'>
<span style='font-size:large;font-weight:600'>Contact</span>
<p style='text-align:center'>$ccontact</p>
</div>
52
Fashion Fushion - An Ecommerce Website
<div class='ci-text'>
<span style='font-size:large;font-weight:600'>Address</span>
<p style='text-align:center'>$caddress</p>
</div>
</div>
</div>
";
}
<?php
$active = "Account";
include("db.php");
include("functions.php");
include("header.php");
?>
<div class="container">
<div class="insider row">
<div class="col-md-3 col-8" style="padding: 20px 0;">
<?php
include("sidebar.php");
?>
</div>
53
Fashion Fushion - An Ecommerce Website
<?php
if (isset($_GET['orders'])) {
echo " <h4 class='card' style='text-align: center; margin: 0 0 30px 0;font-weight:600;padding:10px 0
'>My Orders</h4>";
include("orders.php");
}
if (isset($_GET['details'])) {
echo " <h4 class='card' style='text-align: center; margin: 0 0 30px 0;font-weight:600;padding:10px 0
'>Account Details </h4>";
include("details.php");
}
?>
</div>
</div>
</div>
<?php
include('footer.php');
?>
</body>
</html>
<?php
$active = "Login";
include("db.php");
54
Fashion Fushion - An Ecommerce Website
include("functions.php");
include("header.php");
?>
55
Fashion Fushion - An Ecommerce Website
</div>
</div>
</div>
</div>
<!-- Register Form Section End -->
<?php
include('footer.php');
?>
</body>
</html>
<?php
if (isset($_POST['login'])) {
$log_email = $_POST['cemail'];
$log_pass = $_POST['password'];
$c_id = $log_email;
$get_ip = getRealIpUser();
$check_customer = mysqli_num_rows($run_sel_c);
$check_cart = mysqli_num_rows($run_sel_cart);
if ($check_customer == 0) {
56
Fashion Fushion - An Ecommerce Website
echo "
<script>
bootbox.alert({
message: 'Invalid Username or Password',
backdrop: true
});
</script>";
exit();
}
$_SESSION['customer_email'] = $log_email;
echo "<script>window.open('index.php?stat=1','_self')</script>";
} else {
$_SESSION['customer_email'] = $log_email;
echo "<script>window.open('check-out.php?','_self')</script>";
}
}
?>
<?php
$active = "Register";
include("db.php");
include("functions.php");
include('header.php');
?>
57
Fashion Fushion - An Ecommerce Website
</div>
</div>
</div>
</div>
<!-- Breadcrumb Form Section Begin -->
</div>
<div class="group-input col-md-6">
<label for="con">Contact *</label>
<input type="text" id="con" name="contact" required>
<div id="conerr" style="margin:20px 0"></div>
</div>
</div>
<div class="group-input">
<label for="email">Email *</label>
<input type="text" id="eemail" name="cemail" required>
<div id="eerr" style="margin:20px 0"></div>
</div>
<div class="group-input">
<label for="pass">Password *</label>
<input type="password" id="pass" name="password" required>
</div>
<div class="group-input">
<label for="con-pass">Address *</label>
<input type="text" id="con-pass" name="address" required>
</div>
<div class="group-input">
<label for="con-pass">Profile Image *</label>
<input type="file" name="pimage" style="border: none; margin-top:6px;" required>
</div>
<button type="submit" class="site-btn register-btn" name="register">REGISTER</button>
58
Fashion Fushion - An Ecommerce Website
</form>
<div class="switch-login">
<a href="login.php" class="or-login">Or Login</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Register Form Section End -->
<?php
include('footer.php');
?>
<script>
$("#logform").submit(function(event) {
var name = $('#username').val();
var email = $('#eemail').val();
var con = $('#con').val();
if (!name.match(letters)) {
$("#nameerr").html(
"<span class='alert alert-danger'>" +
"Enter Valid Name (Letters only)</span>");
event.preventDefault();
if (!con.match(numbers)) {
$("#conerr").html(
"<span class='alert alert-danger'>" +
"Enter Valid Contact (11 Digit)</span>");
event.preventDefault();
}
59
Fashion Fushion - An Ecommerce Website
if (!email.match(em)) {
$("#eerr").html(
"<span class='alert alert-danger'>" +
"Enter Valid Email</span>");
event.preventDefault();
}
});
</script>
</body>
</html>
<?php
if (isset($_POST['register'])) {
$c_name = $_POST['name'];
$c_email = $_POST['cemail'];
$c_address = $_POST['address'];
$c_pass = $_POST['password'];
$c_contact = $_POST['contact'];
$c_name = $_POST['name'];
$c_ip = getRealIpUser();
$_SESSION['customer_email'] = $c_email;
$c_id = $_SESSION['customer_email'];
$tardir = "img/customer/";
$fileName = basename($_FILES['pimage']['name']);
if (in_array($fileType, $allow)) {
if (move_uploaded_file($_FILES['pimage']['tmp_name'], $targetPath)) {
60
Fashion Fushion - An Ecommerce Website
$check_cart = mysqli_num_rows($run_sel_cart);
if ($check_cart > 0) {
$_SESSION['customer_email'] = $c_email;
$_SESSION['customer_email'] = $c_email;
?>
<?php
$active = "Product";
include("db.php");
include("functions.php");
include('header.php');
61
Fashion Fushion - An Ecommerce Website
?>
<div style="overflow: hidden;">
<!-- Breadcrumb Section Begin -->
<div class="breacrumb-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcrumb-text product-more">
<a href="index.php"><i class="fa fa-home"></i> Home</a>
<a href="shop.php">Shop</a>
<span>Details</span>
</div>
</div>
</div>
</div>
</div>
<!-- Breadcrumb Section Begin -->
getCat();
?>
</ul>
</div>
</div>
<div class="col-lg-9">
<div class="row">
<?php
getProd();
addCart();
?>
62
Fashion Fushion - An Ecommerce Website
<div class="form-group">
<!-- form-group Begin -->
<div class='quantity'>
<div class='pro-qty'>
<input type='text' value='1' name="product_qty">
</div>
</div>
</div><!-- form-group Finish -->
<div class="form-group">
<!-- form-group Begin -->
<div class='pd-size-choose'>
<div class='sc-item'>
<input type='radio' id='sm-size' class="form-control" name='size' value="Small"
required novalidate>
<label for='sm-size'>s</label>
</div>
<div class='sc-item'>
<input type='radio' id='md-size' class="form-control" name='size' value="Medium">
<label for='md-size'>m</label>
</div>
<div class='sc-item'>
<input type='radio' id='lg-size' class="form-control" name='size' value="Large">
<label for='lg-size'>l</label>
</div>
<div class='sc-item'>
<input type='radio' id='xl-size' class="form-control" name='size' value="XL">
<label for='xl-size'>xl</label>
</div>
</div>
<p id="msg"></p>
</div><!-- form-group Finish -->
<?php if ($_SESSION['customer_email'] == 'unset') {
echo "<a href='login.php' class='btn primary-btn pd-cart' style='margin-top: 20px;'> Add to
cart</a>";
} else {
echo "<button class='btn primary-btn pd-cart' id='cartbtn' style='margin-top: 20px;'> Add to
cart</button>";
}
?>
63
Fashion Fushion - An Ecommerce Website
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<?php
relatedProducts();
?>
</div>
</div>
</div>
</div>
<?php
include('footer.php');
?>
<script>
$("#cartbtn").on('click', function() {
var atLeastOneChecked = false;
if (!$("input[name='size']").is(':checked')) {
$("#msg").html(
"<span class='alert alert-danger'>" +
"Please Choose Size </span>");
64
Fashion Fushion - An Ecommerce Website
} else {
return;
}
});
</script>
</body>
</html>
<?php
$active = "Shop";
include("functions.php");
include("header.php");
?>
<?php
if (isset($_GET['p_cat_id'])) {
$p_cat_id = $_GET['p_cat_id'];
$row_p_cat = mysqli_fetch_array($run_p_cat);
$p_cat_title = $row_p_cat['p_cat_title'];
65
Fashion Fushion - An Ecommerce Website
</div>
</div>
</div>
</div>
</div>
getCat();
?>
</ul>
</div>
</div>
<div class="product-list">
<div class="row">
<?php
if (!isset($_GET['p_cat_id'])) {
if (!isset($_GET['cat_id'])) {
$per_page = 6;
if (isset($_GET['page'])) {
$page = $_GET['page'];
} else {
$page = 1;
}
66
Fashion Fushion - An Ecommerce Website
$products_id = $row_products['products_id'];
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_img1 = $row_products['product_img1'];
echo "
</div>
67
Fashion Fushion - An Ecommerce Website
<?php
$total_records = mysqli_num_rows($result);
$total_pages = ceil($total_pages);
if ($total_pages <= 1) {
echo "";
} else {
echo "
<li class='page-item'>
<a class='page-link' href='shop.php?page=1'>
First
</a>
</li>
";
echo "
<li class='page-item'>
<a class='page-link' href='shop.php?page=$total_pages'>
Last
</a>
</li>
";
}
}
}
68
Fashion Fushion - An Ecommerce Website
?>
</ul>
</div>
<div class="row">
<?php
getPcatProd();
getcatProd();
?>
</div>
</div>
</div>
</div>
</section>
<?php
include('footer.php');
?>
</body>
</html>
<?php
if (isset($_SESSION['customer_email'])) {
$c_id = $_SESSION['customer_email'];
69
Fashion Fushion - An Ecommerce Website
$get_query = mysqli_fetch_array($run_query);
$custom_id = $get_query['customer_id'];
$get_items = "select * from orders where c_id = '$custom_id' ORDER BY date DESC";
$run_items = mysqli_query($db, $get_items);
echo "
<div class='cart-table' style='min-height: 150px;'>
<table>
<thead style='font-size: larger;'>
<tr>
<th>Order ID</th>
<th>Price</th>
<th> Quantity</th>
<th>Date</th>
</tr>
</thead>
<tbody>
";
echo
70
Fashion Fushion - An Ecommerce Website
}
}
?>
</tbody>
</table>
</div>
<?php
$active = "Shopping Cart";
include("db.php");
include("functions.php");
include('header.php');
?>
71
Fashion Fushion - An Ecommerce Website
<table>
<tbody>
<?php cart_items(); ?>
</tbody>
</table>
</div>
<div class="row">
<div class="col-lg-4">
<div class="cart-buttons">
</div>
<div class="col-lg-4 offset-lg-4">
<div class="proceed-checkout">
<ul>
<li class="subtotal">Subtotal <span><?php total_price() ?></span></li>
<li class="cart-total">Total <span><?php total_price() ?></span></li>
</ul>
<a href="check-out.php" class="proceed-btn">PROCEED TO CHECK OUT</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Shopping Cart Section End -->
<?php
include('footer.php');
?>
</body>
</html>
<?php
72
Fashion Fushion - An Ecommerce Website
if (isset($_GET['del'])) {
$p_id = $_GET['del'];
echo "<script>window.open('shopping-cart.php','_self')</script>";
}
if (isset($_GET['upd'])) {
$p_id = $_GET['del'];
echo "<script>window.open('shopping-cart.php','_self')</script>";
}
?>
<?php
$emal = $_SESSION['customer_email'];
$query = "select * from customer where customer_email = '$emal'";
$run_query = mysqli_query($con,$query);
$row_query = mysqli_fetch_array($run_query);
$cname = $row_query['customer_name'];
$cimage = $row_query['customer_image'];
?>
<div class="card">
73
Fashion Fushion - An Ecommerce Website
<img class="card-img-top" src="img/customer/<?php echo $cimage ?>" alt="<?php echo $cname ?>"
style="width:100%">
<h4 style="text-align: center;padding:15px 0">
<?php echo $cname ?>
</h4>
<ul class="list-group">
<li class="list-group-item" <?php if (isset($_GET['orders'])) {
echo "style = 'background-color:#fe4231'";
} ?>>
<a href="account.php?orders">
</a>
</li>
<a href="account.php?details">
</a>
</li>
</ul>
</div>
</div>
<?php
74
Fashion Fushion - An Ecommerce Website
function getRealIpUser()
{
switch (true) {
case (!empty($_SERVER['HTTP_X_REAL_IP'])):
return $_SERVER['HTTP_X_REAL_IP'];
case (!empty($_SERVER['HTTP_CLIENT_IP'])):
return $_SERVER['HTTP_CLIENT_IP'];
case (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])):
return $_SERVER['HTTP_X_FORWARDED_FOR'];
default:
return $_SERVER['REMOTE_ADDR'];
}
}
function addCart()
{
global $db;
if (isset($_GET['add_cart'])) {
$ip_add = getRealIpUser();
$c_id = $_SESSION['customer_email'];
$p_id = $_GET['add_cart'];
$qty = $_POST['product_qty'];
$size = $_POST['size'];
$check_product = "select * from cart where c_id = '$c_id' AND products_id = '$p_id'";
$run_check = mysqli_query($db, $check_product);
if (mysqli_num_rows($run_check) > 0) {
75
Fashion Fushion - An Ecommerce Website
function getWProduct()
{
global $db;
$get_products = "select * from products where cat_id=2 order by RAND() LIMIT 7";
$run_products = mysqli_query($db, $get_products);
$products_id = $row_products['products_id'];
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_img1 = $row_products['product_img1'];
echo "
<div class='product-item'>
<div class='pi-pic' style='max-height:300px'>
<img src='img/products/$product_img1' alt='$product_title'>
<ul>
<li class='quick-view'><a href='product.php?product_id=$products_id'
style='background:#fe4231;color:white'>View Details</a></li>
</ul>
</div>
<div class='pi-text'>
<a href='product.php?product_id=$products_id'>
<h5>$product_title</h5>
</a>
<div class='product-price'>
INR $product_price
</div>
</div>
76
Fashion Fushion - An Ecommerce Website
</div>
";
}
}
function getMProduct()
{
global $db;
$get_products = "select * from products where cat_id=1 order by RAND() LIMIT 7";
$run_products = mysqli_query($db, $get_products);
$products_id = $row_products['products_id'];
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_img1 = $row_products['product_img1'];
echo "
<div class='product-item'>
<div class='pi-pic' style='max-height:300px'>
<img src='img/products/$product_img1' alt='$product_title'>
<ul>
<li class='quick-view'><a href='product.php?product_id=$products_id'
style='background:#fe4231;color:white'>View Details</a></li>
</ul>
</div>
<div class='pi-text'>
<a href='#'>
<h5>$product_title</h5>
</a>
<div class='product-price'>
INR $product_price
</div>
</div>
</div>
";
77
Fashion Fushion - An Ecommerce Website
}
}
function getProdCat()
{
global $db;
$p_cat_id = $row_p_cats['p_cat_id'];
$p_cat_title = $row_p_cats['p_cat_title'];
echo "
<li><a href='shop.php?p_cat_id=$p_cat_id'>$p_cat_title</a></li>
";
}
}
// Retrieve Catergories
function getCat()
{
global $db;
$cat_id = $row_cats['cat_id'];
78
Fashion Fushion - An Ecommerce Website
$cat_title = $row_cats['cat_title'];
echo "
";
}
}
function getPcatProd()
{
global $db;
if (isset($_GET['p_cat_id'])) {
$p_cat_id = $_GET['p_cat_id'];
$row_p_cat = mysqli_fetch_array($run_p_cat);
$p_cat_title = $row_p_cat['p_cat_title'];
$p_cat_desc = $row_p_cat['p_cat_desc'];
$count = mysqli_num_rows($run_products);
if ($count == 0) {
echo "
<div class='card' style='font-weight:bold; color:#fe4231'>
<div class='card-body'>No Products Available</div>
</div>
";
} else {
79
Fashion Fushion - An Ecommerce Website
$products_id = $row_products['products_id'];
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_img1 = $row_products['product_img1'];
echo "
";
}
}
}
}
function getcatProd()
{
global $db;
if (isset($_GET['cat_id'])) {
$cat_id = $_GET['cat_id'];
80
Fashion Fushion - An Ecommerce Website
$row_cat = mysqli_fetch_array($run_cat);
$p_cat_title = $row_cat['cat_title'];
$p_cat_desc = $row_cat['cat_desc'];
$count = mysqli_num_rows($run_products);
if ($count == 0) {
echo "
<div class='card' style='font-weight:bold; color:#fe4231'>
<div class='card-body'>No Products Available</div>
</div>
";
} else {
$products_id = $row_products['products_id'];
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_img1 = $row_products['product_img1'];
echo "
81
Fashion Fushion - An Ecommerce Website
</div>
<div class='pi-text'>
<div class='catagory-name'></div>
<a href='product.php?product_id=$products_id'>
<h5>$product_title</h5>
</a>
<div class='product-price'>
INR $product_price
</div>
</div>
</div>
</div>
";
}
}
}
}
function getProd()
{
global $db;
if (isset($_GET['product_id'])) {
$product_id = $_GET['product_id'];
$row_products = mysqli_fetch_array($run_product_id);
$product_title = $row_products['product_title'];
$product_price = $row_products['product_price'];
$product_desc = $row_products['product_desc'];
$product_img1 = $row_products['product_img1'];
$product_img2 = $row_products['product_img2'];
$row_p_cat_name = mysqli_fetch_array($run_get_p_cat_name);
82
Fashion Fushion - An Ecommerce Website
$p_cat_name = $row_p_cat_name['p_cat_title'];
echo "
<div class='pd-desc'>
<p>$product_desc</p>
<h4>INR $product_price</h4>
</div>
<ul class='pd-tags'>
<li><span>CATEGORY</span>: $p_cat_name</li>
</ul>
";
}
}
function relatedProducts()
{
global $db;
83
Fashion Fushion - An Ecommerce Website
if (isset($_GET['product_id'])) {
$product_id = $_GET['product_id'];
$row_p_cat_id = mysqli_fetch_array($run_get_p_cat_id);
$pcat_id = $row_p_cat_id['p_cat_id'];
$p_id = $row_get_r_products['products_id'];
$p_name = $row_get_r_products['product_title'];
$p_img1 = $row_get_r_products['product_img1'];
$p_price = $row_get_r_products['product_price'];
if ($p_id != $product_id) {
echo "
84
Fashion Fushion - An Ecommerce Website
INR $p_price
</div>
</div>
</div>
</div>
";
}
}
}
}
function items()
{
global $db;
$ip_add = getRealIpUser();
$c_id = $_SESSION['customer_email'];
$count_items = mysqli_num_rows($run_items);
echo $count_items;
}
function total_price()
{
global $db;
$ip_add = getRealIpUser();
$c_id = $_SESSION['customer_email'];
$total = 0;
85
Fashion Fushion - An Ecommerce Website
$p_id = $row_items['products_id'];
$pro_qty = $row_items['qty'];
$countrows = 0;
function cart_items()
{
global $db;
$c_id = $_SESSION['customer_email'];
$get_items = "select * from cart where c_id = '$c_id' ORDER BY date DESC";
$run_itemss = mysqli_query($db, $get_items);
$countrows = mysqli_num_rows($run_itemss);
if ($countrows == 0) {
echo "
<div class='card col-md-3 col-10' style='margin:0 auto; border-radius:25px 5px;box-shadow: inset -12px -
8px 40px #e5e5e5;'>
<div class='card-body'>
<h5 style='text-align:center;font-weight:500'> No items in Cart </h5>
</div>
</div>
";
} else {
echo "
86
Fashion Fushion - An Ecommerce Website
<tr>
<th>Image</th>
<th class='p-name'>Product Name</th>
<th>Price</th>
<th>Quantity</th>
<th>Total</th>
<th></th>
</tr>
</thead>
";
$pro_id = $row_item['products_id'];
$pro_name = $row_item['product_title'];
$pro_price = $row_item['product_price'];
$pro_img1 = $row_item['product_img1'];
echo "
87
Fashion Fushion - An Ecommerce Website
</td>
<td class='total-price first-row'>INR $pro_total_p</td>
<td class='close-td first-row'><a href='shopping-cart.php?del=$pro_id'><i class='ti-close'
style='color:black'></i></a></td>
</tr>
";
}
}
}
function cart_icon_prod()
{
global $db;
$c_id = $_SESSION['customer_email'];
$ip_add = getRealIpUser();
$get_items = "select * from cart where c_id = '$c_id' ORDER BY date DESC LIMIT 0,2";
$run_items = mysqli_query($db, $get_items);
if (mysqli_num_rows($run_items) == 0) {
echo "
";
} else {
$get_item = "select * from products where products_id = '$p_id' ORDER BY date DESC";
$run_item = mysqli_query($db, $get_item);
$pro_name = $row_item['product_title'];
$pro_price = $row_item['product_price'];
88
Fashion Fushion - An Ecommerce Website
$pro_img1 = $row_item['product_img1'];
echo "
<tr>
<td class='si-pic'><img src='img/products/$pro_img1' alt='$pro_name' style='max-height:70px'></td>
<td class='si-text'>
<div class='product-selected'>
<p>INR $pro_price x $pro_qty</p>
<h6>$pro_name</h6>
</div>
</td>
<td class='si-close'>
<a href='shopping-cart.php?delcart=$p_id'> <i class='ti-close' style='color:black'></i></a>
</td>
</tr>
";
}
}
}
function checkoutProds()
{
global $db;
$ip_add = getRealIpUser();
$c_id = $_SESSION['customer_email'];
$get_items = "select * from cart where c_id = '$c_id' ORDER BY date DESC";
$run_items = mysqli_query($db, $get_items);
if (mysqli_num_rows($run_items) == 0) {
echo "
89
Fashion Fushion - An Ecommerce Website
";
} else {
$get_item = "select * from products where products_id = '$p_id' ORDER BY date DESC";
$run_item = mysqli_query($db, $get_item);
$pro_name = $row_item['product_title'];
$pro_price = $row_item['product_price'];
echo "
<li class='fw-normal'>$pro_name x $pro_qty <span>$pro_total_p</span></li>
";
}
}
}
90
Fashion Fushion - An Ecommerce Website
The aim of the system testing process was to determine all defects in our project. The Program
was subjected to set of test inputs and various observations were made and based on these
observation it will be decided whether the program behaves as expected or not. Our project went
Integration testing -- also known as integration and testing (I&T) -- is a type of software
testing in which the different units, modules or components of a software application are
programmers.
Unit testing involves the testing of each unit or an individual component of the software
application. It is the first level of functional testing. The aim behind unit testing is to
The purpose of unit testing is to test the correctness of isolated code. A unit component is an
individual function or code of the application. White box testing approach used for unit
Whenever the application is ready and given to the Test engineer, he/she will start checking
every component of the module or module of the application independently or one by one,
91
Fashion Fushion - An Ecommerce Website
#Test Cases :
Test
Description Steps Expected Result
Case ID
1. Choose a product.
Product is added to the cart;
TC03 Add to Cart 2. Select size and quantity. cart reflects the addition
correctly.
3. Click "Add to Cart".
User is registered
User
TC05 1. Click "Register". successfully and receives a
Registration
confirmation email.
92
Fashion Fushion - An Ecommerce Website
1. Click "Login".
User is logged in and directed
TC06 User Login 2. Enter registered email and password.
to the homepage.
3. Click "Sign In".
93
Fashion Fushion - An Ecommerce Website
Chapter 5
# Home Page
This page is the home page of the website that includes: Navigation bar (that includes/ links different
94
Fashion Fushion - An Ecommerce Website
95
Fashion Fushion - An Ecommerce Website
# Login Page
96
Fashion Fushion - An Ecommerce Website
#shop page
97
Fashion Fushion - An Ecommerce Website
#contact us
98
Fashion Fushion - An Ecommerce Website
Chapter 6
Systems Planning is the first phase of SDLC. During the planning phase, the objective of the
project is determined and the requirements of the system are considered. Meeting with managers
or stake holders are held to determine the exact requirements of the project. An estimate of
resources, such as personnel and costs, is prepared, to either bring changes in the current system
or develop a new system. A schedule with tollgates is planned. All of the information is analyzed
to see if there is an alternative solution to creating a new product. A feasibility study is conducted
of the proposed project in the planning stage. If there is no other viable alternative, the
information is assembled into a project plan and presented to management for approval. A rough
budget for the project is prepared. Communication plans, meetings, contracts and potential risks
are discussed in this phase. Finally, a Requirement Specification document is created which
serves the purpose of guideline for the next phase of the model.
A Gantt chart, commonly used in project management, is one of the most popular and useful ways
of showing activities (tasks or events) displayed against time.
99
Fashion Fushion - An Ecommerce Website
100
Fashion Fushion - An Ecommerce Website
Chapter 7
Conclusion
Fashion Fusion, an upcoming online storefront, seeks to cater to the diverse needs and
preferences of modern customers by offering a wide range of products across various
categories, including children's, women's, and men's fashion. The platform aims to provide
customers with a comprehensive and seamless shopping experience, ultimately positioning
itself as a top online shopping destination.
The primary objective of the Fashion Fusion project is to create an intuitive and engaging
website that adapts to the changing needs and expectations of today's discerning
customers. By combining cutting-edge design with robust functionality and easy
navigation, Fashion Fusion aims to build an online shopping destination that captivates and
encourages repeat visits.
101
Fashion Fushion - An Ecommerce Website
Fashion Fusion strives to set new standards for e-commerce excellence by leveraging state-
of-the-art technologies and adhering to industry best practices. The project aims to
revolutionize online shopping habits and disrupt the e-commerce industry by enabling
consumers to easily discover, explore, and purchase products with confidence through
innovative technology and design.
The Fashion Fusion project represents a ground breaking initiative to create a next-
generation e-commerce platform that transcends traditional boundaries and redefines
online retail excellence. By fostering innovation, creativity, and collaboration, Fashion
Fusion is poised to emerge as a market leader and reshape the future of e-commerce.
As Fashion Fusion continues to evolve and grow, several opportunities for expansion and
improvement present themselves. Some of these potential avenues for growth include:
Expanding product categories: Fashion Fusion can explore adding new product categories,
such as accessories, beauty, and home goods, to cater to a broader range of customer needs
and preferences.
Personalization and customization: By offering personalized shopping experiences and
customizable products, Fashion Fusion can further enhance customer satisfaction and
loyalty.
Leveraging artificial intelligence (AI) and machine learning (ML): Incorporating AI and
ML technologies can help Fashion Fusion improve search functionality, provide
personalized product recommendations, and optimize the overall user experience.
102
Fashion Fushion - An Ecommerce Website
103
Fashion Fushion - An Ecommerce Website
Chapter 8
References
[3] https://www.javatpoint.com/
[4] https://www.geeksforgeeks.org/
104