PROJECT ( 11360003 )

An Project Report on

[E-Commerce Website]
in

[SHIV FANS]
Submitted by
[Kamlesh Purbiya]
[21021306010050]
In partial fulfillment for the award of the degree of
Diploma Engineering
in
INFORMATION TECHNOLOGY
Department Faculty of Engineering
& Technology

Monark University, Vahelal

[ EVEN/ 2024]
 HASMUKH GOSWAMI COLLEGE OF ENGINEERING

CERTIFICATE

This is to certify that the project report submitted along with the project
entitled E-commerce Website has been carried out by Kamlesh Purbiya
under my guidance in partial fulfilment for the Diploma in IT. Department,
6th Semester of Monark University, Ahmedabad during the academic year
2021-22.

Prof. Sonal Damor Prof. Manoj Patel

INTERNAL GUIDE NAME

Assistant Professor,CE/ IT Department HOD – CE/IT Department,

Hasmukh Goswami College Of Engineering Hasmukh Goswami College Of Engineering

 HASMUKH GOSWAMI COLLEGE OF ENGINEERING
DECLARATION

We hereby declare that the Project report submitted along with the Project
entitled E-commerce Website submitted in partial fulfilment for the
Diploma in Information Technology to Monark University, Ahmedabad, is a
bonafide record of original projectwork carried out by me at SHIV FANS
under the supervision of EXTERNAL GUIDE and that no part of this report
has been directly copiedfrom any students’ reports or taken from any other
source, without providing due reference.

Kamlesh Purbiya

II HGCE
 ABSTRACT

This e-commerce Fans website offers a platform for users to purchase a wide range of
and fans online. The website provides an easy-to-use interface for users to browse
through various products, compare prices and make purchases conveniently.
The website also includes features such as user accounts, secure payment gateways, and
a comprehensive search function to make the online shopping experience more efficient
and user-friendly.

III HGCE
 System Design
System Design

1. ACTIVITY DIAGRAM

Fig. 1.1 Admin Activity Diagram

Fig. 1.2 User Activity Diagram

GTU 13 HGCE
 System Design

SYSTEM DESIGN
CONTEXT DIAGRAM

Fig. 5.1 Context Diagram

FLOW CHART

Fig. 5.2 Flow Chart Diagram

GTU 14 HGCE
 System Design
Implementation

IMPLEMENTATION

IMPLEMENTATION ENVIRONMENT

Core language : HTML,CSS and PHP

IDE : Vs code

The web-application is a divided into 3 part . Admin ,Vendor , Customer so there are
total 3 application based on role when we login. the backend was implemented in PHP &
MYSQL.

GUI based vs. non-GUI based:

In GUI based application it is very easy for user to understand the overall content and the
previous and next step of the action. Also, GUI based application does not make as
issues like navigation, ambiguities in data selection and entry.
GUIs have become the established alternative to traditional forms-based user interfaces.
GUIs are the assumed user interface for virtually all the systems development using
modern technologies. There are several reasons why we have used GUI based web-
application:
1. GUIs provide the standard look and feel of an application.
2. GUIs are so flexible to use in web-application areas.
3. The GUI provides seamless integration of custom and package applications.
4. The user has a more natural interface to applications: user understanding is
improved. Our web-Application is GUI based and single-user system. In our system all
connections with database is done by the process of designing. There is proper and
efficientcoding for connection with database.

GTU 18 HGCE
 Implementation
System Design

CODING STANDARDS
Every company follows a different coding standard based on their best practices.

• Always use :key inside v-for:-

Using the key attribute with the v-for directive helps your application be constant and
predictable whenever you want to manipulate the data.

• Use kebab-case for events:-

When it comes to emitting custom events, it’s always best to use kebab-case. This is
because in the parent component, that’s the same syntax we use to listen to that event.

MODULE SPECIFICATION
Admin Side Module Specification
Authentication Module
A module for managing user access and permissions, including authentication,
authorization, and password management.

Dashboard
A dashboard that displays key metrics such as sales, orders, and inventory levels. It

GTU 19 HGCE
 System Design

should also provide an overview of the website's performance.

Product Module
A module for managing products, including adding new products, updating existing
products, and removing discontinued products. It should also allow for categorization
and filtering of products for easier browsing.
Category Module
A module for managing product Category, including adding new product Category,
updating existing Category, and removing discontinued Category. It should also allow
filtering of Category for easier browsing.
Order Module
A module for managing customer orders, including viewing, processing, and shipping
orders. It should also provide options for cancellations, refunds, and returns.
Banner Module
A module for managing Banner, including adding new Banner, updating existing
Banner, and removing discontinued Banner.

User Side Module Specification

User Registration and Login
This module enables users to create an account on the website, which they can use to
log in and access various features. Users may be required to provide personal details,
such as their name, address, and contact information, to complete the registration
process.
Dashboard
A dashboard that displays Banners, all Products, add to cart, add to wishliist and view
product, as well as options for login registration.
Product Module
This module allows users to browse through the website's product offerings, view
product descriptions, and check prices. Users can also search for specific products
usingkeywords or filters.
Wishlist Module
This module enables users to add their favorite products in Wishlist, and after that thay
add to cart or delete products from wishlist.
Cartlist Module
This module enables users to add products to their virtual shopping cart, review their
selection, and make modifications as needed. Users can also view the estimated cost of
their order, including any applicable taxes or shipping fees.

GTU 20 HGCE
 System Design

User Profile Module

This module user can see their profile, they can edit Account details, they can add, edit and
delete their Address details, they can reset their password.
Checkout Module
This module allows users to review their order details, select a payment method, and enter
payment information. Users may also be required to provide shipping information, such as
their address and preferred delivery method.

SCREEN SHORTS
Admin Side

Admin Login Screen

GTU 21 HGCE
 System Design

Vendor Signup Screen

GTU 22 HGCE
 System Design

 Dashboard Screens

Category Screen

GTU 23 HGCE
 System Design

Product-detail Screen

GTU 24 HGCE
 System Design

 Create Category

 Create Subcategory

GTU 25 HGCE
 System Design

 Add Product

 Manage-Product

GTU 26 HGCE
 System Design

 Pending Order Screen

 Forget Password

GTU 27 HGCE
 System Design

 MyCart Screen

 MyCart

GTU 28 HGCE
 System Design

 User Interface

 Payment Screen

GTU 29 HGCE
 System Design

 Order History Screen

 Database Screen

GTU 30 HGCE
 System Design

 LIMITATIONS

 Limited number of payment option

 Not have a any review system on delivery
 Not have any add comment on product
 Not have any track my order features

 Conclusion

 We have successfully implemented the website Shivfans.

 Shivfans is a website that can be useful for Purchasing different
types of fans.
 User can view and Purchase in different category of fans.
 So, this is a new generation website to quickly Purchase the Fans.
We have been successful in our attempt to take care of the need of
both customer as well as administrator.

GTU 31 HGCE
 System Design
1 Admin Registered Login Success As Pass
Vendor Email, Correct Expected
Customers, Password
Login submit

2 Admin UnRegistered Login failed to login As Pass

Vendor Email, Expected
Customers
Incorrect,
Login
Password
submit
3 Register register message to get As Pass
if already login
Vendor user already Expected
Customers register

4 Add adding add throw validation As Pass

category category category error Expected
name , only

5 Add product adding add throw validation As Pass

product by product error Expected
vendor (fill less
fields)
6 Add vendor if admin add add throw an error, As Pass
vendor and Vendor birth date is note Expected
passing gretter than
birthdate of today’s date
future day
7 Report if admin report date is not valid As Pass
passing date of Expected
report higher
than todays
date
8 Report click on report hide/show As Pass
drodown list of according to Expected
repors reports and adding
required filter
field according to
reports.
9 Order order status order order status As Pass
badge color badge color Expected
will change
according to
status if success
= green ,
pending =
yellow,rejected =
red
10 Order order invoice order order invoices As Pass
generates Expected
according to
orders and
customer
Sr. No. Purpose Input State Expected output Actual Test
output Result

GTU 32 HGCE
 System Design

GTU 33 HGCE