SYNOPSIS

An online shopping portal is a digital platform that enables customers to browse and
purchase a wide range of products and services over the internet. These portals typically offer
a vast selection of products across various categories, including clothing, electronics, home
and kitchen appliances, beauty and personal care, groceries, and more.

Customers can access these portals through their web browsers or mobile devices and
browse through product catalogs, read product descriptions, view images, and check out
customer reviews and ratings to make informed purchase decisions. They can add items to
their virtual shopping carts, complete transactions securely using various payment options,
and track their orders until they are delivered.

Online shopping portals also offer various features to enhance the customer experience,
such as personalized recommendations, promotions, loyalty programs, and customer service
channels. These features help to build customer loyalty and drive sales for the platform and
the brands that sell their products on it.

Overall, online shopping portals have revolutionized the way people shop and have
become an essential part of the modern retail landscape.

1
 1. INTRODUCTION
The Shopping cart is mainly useful for who haven’t time to go to shopping, those are
just entered into this website and bought what ever they want.Even it is night or morning
they entered into this site, and chosen different items like fruits, books, toys etc..
‘Customer is our god’ mainly this website is based on this formula. After chosen items
he bought into Pay pal process like VISA or MASTER credit cards or any Debit cards are
accepted in this website. Customer is happily shopping at his rest place.
Once customer entered with his own username and password, at that time
automatically one shopping cart will be created, once user select an item it will add to cart.
In case user thinks the selected item is not useful for me, then deleted that item from
shopping cart. Customer selected some items, but in his credit or debit cart haven’t that much
balance, then he was logout from the website, the selected items are stored at cart with
specific users with his allotted carts, after some days he bought those items then
automatically deleted from the cart.

2
1.1 SYSTEM SPECIFICATION

1.1.1 HARDWARE CONFIGURATION:

Processor : Intel Core i3 2.94 Ghz

RAM : 4 GB
Monitor : 15” Color Monitor
Hard Disk : 500 GB
CD Drive : Samsung SH118CB/BE BE
Keyboard : Samsung Trio 500

1.2.1 SOFTWARE SPECIFICATION:

Operating System : Windows 10

Frontend : HTML, PHP
Backend : MySQL
Server : Apache
IDE : Visual Studio Code, XAMPP

3
 1.2 SOFTWARE DESCRIPTION

HTML stands for Hyper Text Markup Language, which is the most widely used
language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but
"HTML 2.0" was the first standard HTML specification which was published in 1995.
HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML
4.01 version is widely used but currently we are having HTML-5 version which is an
extension to.
Originally, HTML was developed with the intent of defining the structure of documents like
headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between
researchers. Now, HTML is being widely used to format web pages with the help of different tags
available in HTML language.
HTML is a MUST for students and working professionals to become a great Software
Engineer specially when they are working in Web Development Domain. I will list down .
 Create Web site - You can create a website or customize an existing web template if
you know HTML well.
 Become a web designer - If you want to start a carrer as a professional web designer,
HTML and CSS designing is a must skill.
 Understand web - If you want to optimize your website, to boost its speed and
performance, it is good to know HTML to yield best results.

4
 2. SYSTEM STUDY
2.1 EXISTING SYSTEM
The Existing system is not providing secure registration and profile management of all
the users properly. This system is not providing on-line Help. This system doesn’t provide
tracking of users activities and their progress. This manual system gives us very less security
for saving dataand some data may be lost due to mismanagement. This system is not
providing event management through internet. This system is not providing proper events
information. The system is giving manual information through the event management
executer.
2.1.1 DRAWBACKS

Poor User Interface: If the online shopping portal has a poorly designed user interface,
it can make it difficult for users to navigate the site, find what they're looking for, and make
purchases.
Limited Payment Options: If the existing system only supports a limited number of
payment options, it may discourage some customers from making purchases on the site.
Slow Load Times: If the site takes a long time to load or if pages within the site take
a long time to load, customers may become frustrated and choose to shop elsewhere.
Security Issues: If the online shopping portal is not secure, customers may be
hesitant to provide their personal and financial information, which can impact sales.
Inadequate Product Information: If the site does not provide enough information
about the products it offers, customers may be hesitant to make a purchase or may end up
returning items that do not meet their expectations.
Poor Customer Service: If the online shopping portal does not provide adequate
customer service, customers may become frustrated and choose to shop elsewhere.
2.2 PROPOSED SYSTEM

User-friendly Interface: The online shopping portal should have a user-friendly

interface that makes it easy for customers to navigate the site, find products, and make
purchases.

Multiple Payment Options: The proposed system should support multiple payment
options, including credit and debit cards, PayPal, and other popular payment methods.

Fast Load Times: The site should load quickly and efficiently, with pages that load
almost instantly to provide a seamless shopping experience.

5
2.2.1 FEATURES
Product Catalog Management: A robust product catalog management system
can help manage product information and pricing.

Inventory Management: The system can track inventory levels and notify store owners
when stock levels are low or out of stock.

Order Management: The system can manage orders, process payments, and track
shipments.

User Management: A user management system can allow customers to create

accounts, manage their profiles, track their orders, and save their favorite products.

Customer Relationship Management (CRM): The system can integrate a CRM

to help manage customer relationships, including communication, order history, and
customer feedback.

6
 3. SYSTEM DESIGN AND DEVELOPMENT
3.1 FILE DESIGN
User Data: This file contains all the user-related data such as name, email address,
contact number, address, order history, and payment details. Each user should have a unique
ID to identify them

Product Data: This file contains all the product-related data such as product name, price,
description, images, and availability status. Each product should have a unique ID to identify
it.

Order Data: his file contains all the order-related data such as order number, user ID,
product ID, quantity, and total price. Each order should have a unique ID to identify it

Payment Data: This file contains all the payment-related data such as payment ID, order
ID, payment status, and transaction details.

Inventory Data: This file contains all the inventory-related data such as the number of
products available in stock, the location of the product, and the supplier's details.

Analytics Data: This file contains all the analytical data such as user behavior, sales data,
and website traffic data. It can be used to improve the website's performance and user
experience.

Security Data: This file contains all the security-related data such as user login
credentials, access controls, and security logs.

3.2 INPUT DESIGN

User Registration Form: The user registration form should collect basic information
such as name, email address, contact number, and shipping address. It should also require
the user to create a strong password and verify it.

Login Form: The login form should allow users to enter their email address and
password to access their account. It should also include a "Forgot Password" feature that
allows users to reset their password if they forget it.

Product Search Bar: The product search bar should allow users to search for
products by entering keywords, product names, or categories. It should also provide
auto-suggestions based on the user's input.
Product Filters: The product filters should allow users to narrow down their search results
based on various parameters such as price range, product category, brand, size.

7
3.3 OUTPUT DESIGN
Order Confirmation: When a user completes their purchase, the system should generate
an order confirmation page that includes the order number, date, and time of purchase, a
list of the products ordered, the total cost of the order, and the estimated delivery date

Shipping Notification: When the user's order is shipped, the system should send an
email or SMS notification that includes the tracking number and estimated delivery date

Order History: The user should be able to view their order history, which includes a list
of all their previous orders, the order status, and any tracking information available.

3.4 DATABASE DESIGN

Customers: Contains information about customers such as name, email address,

shipping address, billing address, and payment information.
Orders: Contains information about orders such as order ID, customer ID, date, and
status. Products: Contains information about products such as product ID, name,
description, price, and quantity.
Categories: Contains information about product categories such as category ID and
name. Brands: Contains information about product brands such as brand ID and name.
3.5 SYSTEM DEVLOPMENT
Planning Stage: In this stage, you will define the project's scope, objectives, and
requirements. You will also identify the target audience and conduct market research
to gather information about competitors and user needs.
Design Stage: In this stage, you will create a detailed design plan for the system,
including wireframes, UI/UX design, and database design. You will also choose the
technology stack, programming languages, and frameworks for development.
Development Stage: In this stage, you will develop the front-end and back-end
components of the system. You will write the code, create the database schema, and
implement the system's features and functionality. You will also integrate third-party APIs
and payment gateways.
Testing Stage: In this stage, you will test the system's functionality, performance,
security, and usability. You will also conduct user acceptance testing to ensure that the
system meets the user's needs and expectations.
Deployment Stage: In this stage, you will deploy the system to a production environment
and make it available to the public. You will also set up a server infrastructure.
8
3.5.1 MODULE DESCRIPTION
His project contains 3 modules, those are

 Admin
 Products
 User
Admin:

When admin login, he saw the customer’s database, means how many users
are authenticated to this website and how many users are transact everyday,
and newly items are inserting into products.

Products:

This module contains product name, and related image, and cost of its.
Like toys, books, furniture, gold items, etc.. Whatever customer wants from
the shopping cart

User:

User entered into with his username and password, when he entered into
this, he saw what items are available today, this facility is available for this site.
Chosen different items from website get those through door delivery.

9
 4. TESTING AND IMPLEMENTATTION
Testing is a process of executing a program with the indent of finding an error.
Testing is a crucial element of software quality assurance and presents ultimate review of
specification, design and coding.
System Testing is an important phase. Testing represents an interesting anomaly for
the software. Thus a series of testing are performed for the proposed system before the
system is ready for user acceptance testing.
A good test case is one that has a high probability of finding an as undiscovered
error. A successful test is one that uncovers an as undiscovered error.
White-box testing
White box testing focus on the program control structure. Test cases are derived to
ensure that all statements in the program have been executed at least once during testing and
that all logical conditions have been executed.
Block-box testing:
Black box testing is designed to validate functional requirements without regard to the
internal workings of a program. Black box testing mainly focuses on the information domain
of the software, deriving test cases by partitioning input and output in a manner that provides
through test coverage. Incorrect and missing functions, interface errors, errors in data
structures, error in functional logic are the errors falling in this category.
Unit Testing:
Unit testing is essential for the verification of the code produced during the coding
phase and hence the goal is to test the internal logic of the modules. Using the detailed
design description as a guide, important paths are tested to uncover errors with in the
boundary of
the modules. These tests were carried out during the programming stage itself. All units of
ViennaSQL were successfully tested.
Integration testing:
Integration testing focuses on unit tested modules and build the program structure that
is dictated by the design phase.
System testing:
System testing tests the integration of each module in the system. It also tests to find
discrepancies between the system and it’s original objective, current specification and system
documentation. The primary concern is the compatibility of individual modules. Entire
system is working properly or not will be tested here, and specified path ODBC connection

10
will correct or not and giving output or not are tested here these verifications and validations.

11
IMPLEMENTATION
Implementation is the stage where the theoretical design is turned into a working
system. The most crucial stage in achieving a new successful system and in giving
confidence on the new system for the users that it will work efficiently and effectively.

The system can be implemented only after thorough testing is done and if it is found
to work according to the specification.

It involves careful planning, investigation of the current system and its constraints on
implementation, design of methods to achieve the change over and an evaluation of change
over methods a part from planning. Two major tasks of preparing the implementation are
education and training of the users and testing of the system.

The more complex the system being implemented, the more involved will be the
systems analysis and design effort required just for implementation.

The implementation phase comprises of several activities. The required hardware and
software acquisition is carried out. The system may require some software to be developed.
For this, programs are written and tested. The user then changes over to his new fully tested
system and the old system is discontinued.

12
 5. CONCLUSION
Convenience: Online shopping portals provide a convenient way to shop from the
comfort of your home or office. This convenience factor is one of the biggest advantages of
online shopping portals.

Wide selection: Online shopping portals offer a wider selection of products than
traditional brick-and-mortar stores. This means that shoppers have access to a greater range
of products to choose from.Price comparison: Online shopping portals make it easy to
compare prices between different retailers. This allows shoppers to find the best deals and
save money.
Security: Online shopping portals have security measures in place to protect shoppers'
personal and financial information. This is important for ensuring that online transactions are
safe and secure.Customer service: Online shopping portals should have a reliable customer
service system in place to address any issues or concerns that shoppers may have.

13
 6. BIBILOGRAPHY
BOOK REFERENCE SITE:
1. Garg, P., & Bhatia, M. (2015). A web-based gym management system. International
Journal of Engineering and Computer Science, 4(5), 12019-12022.

2. Sengupta, S., Saha, S., & Saha, R. (2016). Design and implementation of a gym
management system. International Journal of Engineering Science and Computing, 6(8),
6604-6610.

3. Vazquez, J. A., & Garcia, L. J. (2017). Development of a gym management system

using RFID technology. International Journal of Applied Engineering Research, 12(16),
6177-6184.

4. Kumar, A., & Singh, M. (2018). An intelligent gym management system using IoT.
International Journal of Advanced Research in Computer Science and Software
Engineering, 8(5), 382-388.

5. Zeng, H., & Yang, H. (2019). Design and implementation of a gym management system
based on cloud computing. Journal of Physics: Conference Series, 1168(3), 032038.

6. Rujikietgumjorn, S., & Thammaboosadee, S. (2020). Design and development of a

mobile-based gym management system. International Journal of Advanced Computer
Science and Applications, 11(5), 311-316.

7. Mustapha, M., Aliyu, A., & Yusuf, I. (2021). Development of a web-based gym
management system. International Journal of Computer Applications, 181(11), 39-44.

8. Ahmed, S. R., Ahmed, I., & Khan, A. (2021). Design and implementation of a smart
gym management system using machine learning techniques. International Journal of
Advanced Computer Science and Applications, 12(6), 70-76.

FOR REFERENCE SITE:

 https://www.w3schools.com/php/default.asp

 https://www.sitepoint.com/php/

 https://www.php.net/

 https://www.mysql.com/

 http://www.mysqltutorial.org

14
 7. APPENDICES
A. DATA FLOW DIAGRAM

User
registration
Buying
Product

Shopping Cart

Database

15
 User
details

Register user view user details

Update user Search for Order
details user details History

User registration:

16
ER DIAGRAM:

17
 B. TABLE STRUCTURE

TABLE:PRODUCTS

Field Name Data type description

Product id Integer Unique identifier for each

product

Product name Varchar Name of the product

Category Varchar Category of the product

Description Text Description of the product

Price Decimal Price of the product

Availability Boolean Indicates if the product is

available or not

Image url varchar URL of the product image

TABLE:ORDERS
18
 Field Name Data Type Description

Order ID Integer Unique identifier for each

order

Customer ID Integer Foreign key to link the order

to the customer

Order Date Date Date when the order was

placed

Total Price Decimal Total price of the order

Status Varchar Status of the order(e.g.

Processing,shipped,cancelled)

19
C. SAMPLE CODING
LOGIN.PHP

<?php

session_start();

error_reporting(0);

include('includes/config.php');

// Code user Registration

if(isset($_POST['submit']))

$name=$_POST['fullname'];

$email=$_POST['emailid'];

$contactno=$_POST['contactno'];

$password=md5($_POST['password']);

$query=mysql_query("insert into users(name,email,contactno,password)

values('$name','$email','$contactno','$password')");

if($query)

echo "<script>alert('You are successfully register');</script>";

else{

echo "<script>alert('Not register something went worng');</script>";

}// Code for User login

if(isset($_POST['login']))

20
$email=$_POST['email'];

$password=md5($_POST['password']);

$query=mysql_query("SELECT * FROM users WHERE email='$email' and

password='$password'");

$num=mysql_fetch_array($query);

if($num>0)

$extra="my-cart.php";

$_SESSION['login']=$_POST['email'];

$_SESSION['id']=$num['id'];

$_SESSION['username']=$num['name'];

$uip=$_SERVER['REMOTE_ADDR'];

$status=1;

$log=mysql_query("insert into userlog(userEmail,userip,status)

values('".$_SESSION['login']."','$uip','$status')");

$host=$_SERVER['HTTP_HOST'];

$uri=rtrim(dirname($_SERVER['PHP_SELF']),'/\\');

header("location:http://$host$uri/$extra");

exit();

else

$extra="login.php";

$email=$_POST['email'];

$uip=$_SERVER['REMOTE_ADDR'];

21
$status=0;

$log=mysql_query("insert into userlog(userEmail,userip,status)

values('$email','$uip','$status')");

$host = $_SERVER['HTTP_HOST'];

$uri = rtrim(dirname($_SERVER['PHP_SELF']),'/\\');

header("location:http://$host$uri/$extra");

$_SESSION['errmsg']="Invalid email id or Password";

exit();

?>

<!DOCTYPE html>

<html lang="en">

<head>

<!-- Meta -->

<meta charset="utf-8">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<meta name="description" content="">

<meta name="author" content="">

<meta name="keywords" content="MediaCenter, Template, eCommerce">

22
<meta name="robots" content="all">

<title>Shopping Portal | Signi-in | Signup</title>

<!-- Bootstrap Core CSS -->

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<!-- Customizable CSS -->

<link rel="stylesheet" href="assets/css/main.css">

<link rel="stylesheet" href="assets/css/green.css">

<link rel="stylesheet" href="assets/css/owl.carousel.css">

<link rel="stylesheet" href="assets/css/owl.transitions.css">

<!--<link rel="stylesheet" href="assets/css/owl.theme.css">-->

<link href="assets/css/lightbox.css" rel="stylesheet">

<link rel="stylesheet" href="assets/css/animate.min.css">

<link rel="stylesheet" href="assets/css/rateit.css">

<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">

<!-- Demo Purpose Only. Should be removed in production -->

<link rel="stylesheet" href="assets/css/config.css">

<link href="assets/css/green.css" rel="alternate stylesheet" title="Green color">

<link href="assets/css/blue.css" rel="alternate stylesheet" title="Blue color">

<link href="assets/css/red.css" rel="alternate stylesheet" title="Red color">

23
<link href="assets/css/orange.css" rel="alternate stylesheet" title="Orange color">

<link href="assets/css/dark-green.css" rel="alternate stylesheet" title="Darkgreen color">

<!-- Demo Purpose Only. Should be removed in production : END -->=

<!-- Icons/Glyphs -->

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<!-- Fonts -->

<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700' rel='stylesheet'

type='text/css'>
<!-- Favicon -->

<link rel="shortcut icon" href="assets/images/favicon.ico">

<script type="text/javascript">

function valid()

if(document.register.password.value!= document.register.confirmpassword.value)

alert("Password and Confirm Password Field do not match !!");

document.register.confirmpassword.focus();

return false;

return true;

24
 </script>

</head>

<body class="cnt-home">
<div class="breadcrumb">

<div class="container">

<div class="breadcrumb-inner">

<ul class="list-inline list-unstyled">

<li><a href="home.html">Home</a></li>

<li class='active'>Authentication</li>

</ul>

</div><!-- /.breadcrumb-inner -->

</div><!-- /.container -->

</div><!-- /.breadcrumb -->

<div class="body-content outer-top-bd">

<div class="container">

<div class="sign-in-page inner-bottom-sm">

<div class="row">

<!-- Sign-in -->

<div class="col-md-6 col-sm-6 sign-in">

<h4 class="">sign in</h4>

<p class="">Hello, Welcome to your account.</p>

<form class="register-form outer-top-xs" method="post">

<span style="color:red;" >

<?php

echo htmlentities($_SESSION['errmsg']);
25
<?php

echo htmlentities($_SESSION['errmsg']="");

?>

</span>

<div class="form-group">

<label class="info-title" for="exampleInputEmail1">Email Address <span>*</span></label>

<input type="email" name="email" class="form-control unicase-form-control text-input"

id="exampleInputEmail1" >

</div>

<div class="form-group">

<label class="info-title" for="exampleInputPassword1">Password <span>*</span></label>

<input type="password" name="password" class="form-control unicase-form-control text-

input" id="exampleInputPassword1" >

</div>

<div class="radio outer-xs">

<a href="forgot-password.php" class="forgot-password pull-right">Forgot your

Password?</a>

</div>

<button type="submit" class="btn-upper btn btn-primary checkout-page-button"

name="login">Login</button>

</form>

</div>

<!-- Sign-in -->

<!-- create a new account -->

26
<div class="col-md-6 col-sm-6 create-new-account">

<h4 class="checkout-subtitle">create a new account</h4>

<p class="text title-tag-line">Create your own Shopping account.</p>

<form class="register-form outer-top-xs" role="form" method="post" name="register"

onSubmit="return valid();">

<div class="form-group">

<label class="info-title" for="fullname">Full Name <span>*</span></label>

<input type="text" class="form-control unicase-form-control text-input" id="fullname"

name="fullname" required="required">

</div>

<div class="form-group">

<label class="info-title" for="exampleInputEmail2">Email Address <span>*</span></label>

<input type="email" class="form-control unicase-form-control text-input"

id="exampleInputEmail2" name="emailid" required >

</div>

<div class="form-group">

<label class="info-title" for="contactno">Contact No. <span>*</span></label>

<input type="text" class="form-control unicase-form-control text-input" id="contactno"

name="contactno" maxlength="10" required >

</div>

<div class="form-group">

27
<label class="info-title" for="password">Password. <span>*</span></label>

<input type="password" class="form-control unicase-form-control text-input" id="password"

name="password" required >

</div>

<div class="form-group">

<label class="info-title" for="confirmpassword">Confirm Password.

<span>*</span></label>

<input type="password" class="form-control unicase-form-control text-input"

id="confirmpassword" name="confirmpassword" required >

</div>

<button type="submit" name="submit" class="btn-upper btn btn-primary checkout-page-

button">Sign Up</button>

</form>

<span class="checkout-subtitle outer-top-xs">Sign Up Today And You'll Be Able To :

</span>

<div class="checkbox">

<label class="checkbox">

Speed your way through the checkout.

</label>

<label class="checkbox">

Track your orders easily.

</label>

<label class="checkbox">

28
Keep a record of all your purchases.

</label>

</div>

</div>

<!-- create a new account -->

</div><!-- /.row -->

</div>

<?php include('includes/brands-slider.php');?>

</div>

</div>

<?php include('includes/footer.php');?>

<script src="assets/js/jquery-1.11.1.min.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>

<script src="assets/js/owl.carousel.min.js"></script>

<script src="assets/js/echo.min.js"></script>

<script src="assets/js/jquery.easing-1.3.min.js"></script>

<script src="assets/js/bootstrap-slider.min.js"></script>

<script src="assets/js/jquery.rateit.min.js"></script>

<script type="text/javascript" src="assets/js/lightbox.min.js"></script>

<script src="assets/js/bootstrap-select.min.js"></script>

29
<script src="assets/js/wow.min.js"></script>

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

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

<script>

$(document).ready(function(){

$(".changecolor").switchstylesheet( { seperator:"color"} );

$('.show-theme-options').click(function(){

$(this).parent().toggleClass('open');

return false;

});

});

$(window).bind("load", function() {

$('.show-theme-options').delay(2000).trigger('click');

});

</script>

</body>

</html>

30
 8. SCREEN SHOTS

Home page:

31
User Registration and login:

32
SAMPLE OUTPUT
Category:

33
Sub Category:

34
Product Details:

35
Forgot Password:

36
Track Order Without Login:

37
User Profile:

38
Shipping-Billing Address Details:

39
Order History:

40
Tracking Details:

41
Wishlist:

42