Project Report

On
“Online Shopping”

SUBMITED TO

SHIVAJI UNIVERSITY, KOLHAPUR

IN THE PARTIAL FULFILLMENT OF THE REQUIREMENT

FOR THE AWARD

BACHELOR OF COMPUTER APPLICATION

BY

Miss. Jadhav Sanika Anil.

Miss. Jadhav Pooja Arvind.
Mrs. Mali Sarang Dadaso

UNDER THE GUIDENCE OF

Prof. Borade. N. S
 Dr. Patangrao Kadam Mahavidyalay,Ramanandnagar (Burli)
2023-2024

CERTIFICAT
DEPARTMENT OF COMPUTER APPLICATION

This is to certify that, the project entitled “Online Shopping ” is record of

project work carried out in this college by Miss.Jadhav Sanika Anil ,
Miss. Jadhav Pooja Arvind, Mrs. Mali Sarang Dadaso partial
fulfillment of the award of Bachelor Of Computer Application (Sem-IV)
as laid down by Shivaji University, Kolhapur.
This project represents there since work carried out under my
guidance in the year 2023-2024.

Date:

Guide Examiner H.O.D.

(Prof. Borade N.S.) (Prof. Borade N.S.)
 DECLARATION

To,

H.O.D. (BCA Department)

Dr.Patangrao Kadam Mahavidyalaya,
Ramanandnagar (Burli).

Respected Madam,

I under signed hereby declare that the project report in “Online

Shopping” under the precious guidance and supervision of Prof.Borade.
N. S is my original work. The reports generated in the projects are based
on the information connected by me.

This project has been done for the award of Bachelor of

Computer Application (B.C.A) (Sem-IV). If my project work is found to
be copied then. I am liable to be punished by the rule of SHIVAJI
UNIVERSITY, KOLHAPUR.

Place: Ramanandnagar
Date:

Name of Student: Signature of Student

Miss. Jadhav Sanika Anil.

Miss. Jadhav Pooja Arvind .
Mrs. Mali Sarang Dadaso
 Acknowledgment

We are sincerely expressing our deep felt gratitude to a number of

people, who helped us during the completion of the project work. First of
all we are specially thanked to I/C Principal Dr. U. V. Patil for giving
opportunities to undertaken B.C.A course at the collage.

We thank the head of computer department Prof.Borade N.S for their

valuable guidance & co-operation.

We wish to express our respect & thankfulness to

Prof.Mestri.S.Y. and staff member of our college for encouragement.
Besides, we take this opportunity to express our gratitude to all computer
faculty and all my friends for their kind help & encouragement throughout
our project work.

Place: Ramanandnagar
Date:

Name of Student: Signature of Student

Miss. Jadhav Sanika Anil.

Miss. Jadhav Pooja Arvind .
Mrs. Mali Sarang Dadaso
 Index

Sr.No Particulars Page No

1 Introduction to project

-Introduction

-Existing System

2 Proposed system

-Objective

-Requirement Engineering

-Requirements gathering

-Software Requirement
3 System Analysis

 System Diagrams

-DFD

-ERD

-HIPO Chart
4 System Design

-Database Design

-Output Design
5 Implementation

-System Requirement

-Hardware

-Software
7 Annexure

-Source Code

8 References
 Introduction to Online Shopping

Online shopping is a form of electronic commerce which allows consumers to

directly buy goods or services from a seller over the Internet using a web browser or
a mobile app. Consumers find a product of interest by visiting the website of the
retailer directly or by searching among alternative vendors using a shopping
search,engine which displays the same product's availability and pricing at different
e-retailers. Customers can shop online using a range of different computers and
devices, including desktop computers, laptops, tablet computers and smartphones.
 Existing system

 Most of the operations in the existing systems of this project is to do the basic
operations
 The customers can add her/his expectations related to the project and also
measures quality of the product.
 The major drawback in the existing system is it does not remove the customers
data in the database.
 Objectives

 Increasing Sales in Ecommerce Store

 Attracting more Visitors

 Improving Customer Satisfaction

 Attracting Repeat Customers

 Increasing Brand Awareness

 Requirements Engineering

Requirements engineering (RE) refers to the process of defining, documenting, and

maintaining requirements in the engineering design process. Requirement engineering
provides the appropriate mechanism to understand what the customer desires,
analyzing the need, and assessing feasibility, negotiating a reasonable solution,
specifying the solution clearly, validating the specifications and managing the
requirements as they are transformed into a working system. Thus, requirement
engineering is the disciplined application of proven principles, methods, tools, and
notation to describe a proposed system's intended behavior and its associated
constraints.
 Requirements gathering

Requirements gathering is the process of determining what your projects need to

achieve and what needs to be created to make that happen.

You’re probably familiar with the fact that everybody has their own common project
assumptions about what a project should include. Through requirements gathering,
you collect insights from a project’s stakeholders to get an adequate grasp on how a
project should work — before you start the work.
 Software Requirements

The software requirements are description of features and functionalities of the target
system. Requirements convey the expectations of users from the software product.
The requirements can be obvious or hidden, known or unknown, expected or
unexpected from client’s point of view.

A software requirement can be of 2 types:-

 Functional requirements

 Non-functional requirements

Functional Requirements: These are the requirements that the end user specifically
demands as basic facilities that the system should offer. All these functionalities
need to be necessarily incorporated into the system as a part of the contract. These
are represented or stated in the form of input to be given to the system, the operation
performed and the output expected.

Non-functional requirements: These are basically the quality constraints that the
system must satisfy according to the project contract. The priority or extent to which
these factors are implemented varies from one project to other. They are also called
non-behavioral requirements.
 DFD

1) 0 Level DFD-

2) 1 Level DFD –
E-R Diagram
HIPO Chart
 5) Implementation-

 System Requirement-

Name Description

Operating System Windows 7

Software Visual Studio code, XAMPP

 Hardware Requirement

Name Description

Processer Dual Core

Hard disk 11.7MB

Memory 1GB
 Screenshots

Login Page:

Registration:
Home Page:-

Products:-

1) Mens wear:
Mens Footwear:

Mens Watch:
Ladies wear:

Jewellery:
Saree:

Ladies footwear:
Ladies watch:

About us:
Payment methods:

Contact us:
Footer:
Source code:
Login page:
<!DOCTYPE html>
<!-- Created By CodingLab - www.codinglabweb.com -->
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title> Responsive Login Form | CodingLab </title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.2/css/all.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container">
<form action="#">
<div class="title">Login</div>
<div class="input-box underline">
<input type="text" placeholder="Enter Your Name" required>
<div class="underline"></div>
</div>
<div class="input-box">
<input type="password" placeholder="Enter Your Password" required>
<div class="underline"></div>
</div>
<div class="input-box button">
<input type="submit" name="" value="Continue">
</div>
</form>
<div class="option">or Connect With Social Media</div>
<div class="twitter">
 <a href="#"><i class="fab fa-twitter"></i>Sign in With Twitter</a>
</div>
<div class="facebook">
<a href="#"><i class="fab fa-facebook-f"></i>Sign in With Facebook</a>
</div>
</div>
</body>
</html>
Registration Page:
<div class="container">
<div class="title">Registration</div>
<form action="#">
<div class="user details">
<div class="input box">
<span class="details">Full Name</span>
<input type="text" placeholder="Name" required>
</div>
<div class="input box">
<span class="details">Username</span>
<input type="text" placeholder="Username" required>
</div>
<div class="input box">
<span class="details">Email</span>
<input type="email" placeholder="email" required>
</div>
<div class="input box">
<span class="details">Phone Number</span>
<input type="tel" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" placeholder=""
required>
</div>
<div class="input box">
 <span class="details">Password</span>
<input type="password" placeholder="" required>
</div>
<div class="input box">
<span class="details">Confirm Password</span>
<input type="password" placeholder="" required>
</div>

</div>
<div class="gender details">
<input type="radio" name="gender" id="dot-1">
<input type="radio" name="gender" id="dot-2">
<input type="radio" name="gender" id="dot-3">
<span class="gender title">Gender</span>
<div class="category">
<label for="dot-1">
<span class="dot one"></span>
<span>Male</span>
</label>
<label for="dot-2">
<span class="dot two"></span>
<span>Female</span>
</label>
<label for="dot-3">
<span class="dot three"></span>
<span>Prefer not to say</span>
</label>
</div>
</div>
<div class="button">
 <input type="submit" value="Register">
</div>
</form>
</div>

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

<!--boostrap links-->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLA
SjC" crossorigin="anonymous">"
<!--boostrap links-->

<!--font awesome sdn link-->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.5.1/css/all.min.css" integrity="sha512-
DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4
TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-
referrer" />

<!--custome css file link-->

<link rel="stylesheet" href="style1.css">
</head>
<body>
 <section class=" top-txt ">
<div class="head container ">
</div>

</section>
<!--top navbar-->
<div class="top-navbar">
<div class="top-icons">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-instagram"></i>
</div>
<div class="other-links">
<button id="btn-login"><a href="login.html">Login</a></button>
<button id="btn-signup"><a href="registration.html">Register</a></button>

<i class="fa-solid fa-user"></i>

<i class="fa-solid fa-cart-shopping"></i>
</div>
</div>
<!--top navbar-->
<div class="home-section">
<!--navbar-->
<nav class="navbar navbar-expand-lg" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="./image/logo.jpg" alt=""
width="180px">Fashion</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-
bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
 <span><i class="fa-solid fa-bars" style="color:white;"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
Category
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"
style="background-color: #1c1c50;">
<li><a class="dropdown-item" href="#">Ladies</a></li>
<li><a class="dropdown-item" href="#">Mens</a></li>

</ul>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">About us</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Contact us</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-
label="Search">
<button class="btn btn-outline-success" type="submit" id="search-
btn">Search</button>
</form>
 </div>
</div>
</nav>
</div>
<section id="home">
<div class="home_page ">
<div class="home_img ">
<img src="./images/home.webp" alt="img ">
</div>
<div class="home_txt ">
<p class="collection "></p>
<h2><br>Click SHOP</h2>
<div class="home_label ">
<p>A specialist label creating luxury essentials. Ethically
crafted<br>with an unwavering commitment to exceptional quality.</p>
</div>
<button><a href="#sellers">SHOP NOW</a><i class='bx bx-right-arrow-
alt'></i></button>

</div>
</div>
</section>
<!--Products-->
<! Mens Wear >
<section id="sellers">
<div class="seller container">
<h2>Mens Wear</h2>
<div class="best-seller">
<div class="best-p1">
<img src="./images/gd image3.jpg" alt="img">
<div class="best-p1-txt">
 <div class="name-of-p">

</div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
RS 500
<div class="colors">
<i class='bx bxs-circle red'></i>
<i class='bx bxs-circle blue'></i>
<i class='bx bxs-circle white'></i>
</div>
</div>
<div class="buy-now">
<button><a href="https://codepen.io/sanketbodke/full/mdprZOq">Buy
Now</a></button>
</div>
<div class="add-cart">
<button href="#"><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
<img src="./images/gd image5.jpg" alt="img">
<div class="best-p1-txt">
<div class="name-of-p">
 </div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
&dollar;350
<div class="colors">
<i class='bx bxs-circle green'></i>
<i class='bx bxs-circle grey'></i>
<i class='bx bxs-circle brown'></i>
</div>
</div>
<div class="buy-now">
<button><a href="https://codepen.io/sanketbodke/full/mdprZOq">Buy
Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
<img src="./images/tg image1.jpg " alt="img">
<div class="best-p1-txt">
<div class="name-of-p">
 </div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
RS 550
<div class="colors">
<i class='bx bxs-circle brown'></i>
<i class='bx bxs-circle green'></i>
<i class='bx bxs-circle blue'></i>
</div>
</div>
<div class="buy-now">
<button><a href="https://codepen.io/sanketbodke/full/mdprZOq">Buy
Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
<img src="./images/tg image5.jpg" alt="img">
<div class="best-p1-txt">
<div class="name-of-p">

</div>
 <div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
</div>
<div class="price">
RS700
<div class="colors">
<i class='bx bxs-circle red'></i>
<i class='bx bxs-circle grey'></i>
<i class='bx bxs-circle blue'></i>
</div>
</div>
<div class="buy-now">
<button><a href="https://codepen.io/sanketbodke/full/mdprZOq">Buy
Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
</div>
</div>

<section id="sellers">
<div class="seller container">
<h2></h2>
<div class="best-seller">
 <div class="best-p1">
<img src="./images/tg image4.jpg" alt="img">
<div class="best-p1-txt">
<div class="name-of-p">

</div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
RS 500
<div class="colors">
<i class='bx bxs-circle red'></i>
<i class='bx bxs-circle blue'></i>
<i class='bx bxs-circle white'></i>
</div>
</div>
<div class="buy-now">
<button><a
href="https://codepen.io/sanketbodke/full/mdprZOq">Buy Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
 <img src="./images/tg image7.jpg" alt="img">
<div class="best-p1-txt">
<div class="name-of-p">

</div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
RS 350
<div class="colors">
<i class='bx bxs-circle green'></i>
<i class='bx bxs-circle grey'></i>
<i class='bx bxs-circle brown'></i>
</div>
</div>
<div class="buy-now">
<button><a
href="https://codepen.io/sanketbodke/full/mdprZOq">Buy Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
<img src="./images/tg image8.jpg" alt="img">
 <div class="best-p1-txt">
<div class="name-of-p">

</div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bx-star'></i>
</div>
<div class="price">
RS 550
<div class="colors">
<i class='bx bxs-circle brown'></i>
<i class='bx bxs-circle green'></i>
<i class='bx bxs-circle blue'></i>
</div>
</div>
<div class="buy-now">
<button><a
href="https://codepen.io/sanketbodke/full/mdprZOq">Buy Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
<div class="best-p1">
<img src="./images/tg image6.jpg" alt="img">
<div class="best-p1-txt">
 <div class="name-of-p">

</div>
<div class="rating">
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
<i class='bx bxs-star'></i>
</div>
<div class="price">
RS 700
<div class="colors">
<i class='bx bxs-circle red'></i>
<i class='bx bxs-circle grey'></i>
<i class='bx bxs-circle blue'></i>
</div>
</div>
<div class="buy-now">
<button><a
href="https://codepen.io/sanketbodke/full/mdprZOq">Buy Now</a></button>
</div>
<div class="add-cart">
<button><i class="fa fa-cart-shopping"></i></button>
</div>
</div>
</div>
</div>
<a href="https://www.flipkart.com/q/mens-clothing" id="viewmorebtn">View
More</a>
</div>
<! About us >
<section id="about-us">
<div class="about container ">
<img src="./images/about us.jpg" class="pic">
<div class="text">
<h2>About Us</h2>
<p>Production is the process of making or manufacturing goods and
products from raw materials or components. </p>
<p>In other words, production takes inputs and uses them to create an
output which is fit for consumption a good or product which has value to an end-user
or customer.</p>
<p>Quality comes not from inspection, but from improvement of the
production process.</p>
<p>Production is all about problem-solving,finding solutions to make the
best possible product.</p>
<div class="data"></div>
</div>
</div>
</div>
</section>

<! Payment >

<h3>Payment Methods</h3>
<section id="payment">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-lg-0 mb-3">
<div class="card p-3">
<div class="img-box">
<img src="./images/visa.png" alt="">
</div>
 <div class="number">
<label class="fw-bold" for="">**** **** **** 1060</label>
</div>
<div class="d-flex align-items-center justify-content-between">
<small><span class="fw-bold">Expiry
date:</span><span>10/16</span></small>
<small><span class="fw-
bold">Name:</span><span>Kumar</span></small>
</div>
</div>
</div>
<div class="col-lg-4 mb-lg-0 mb-3">
<div class="card p-3">
<div class="img-box">
<img src="./images/cash.png"
alt="">
</div>
<div class="number">
<label class="fw-bold">Cash On Delivery..</label>
</div>

</div>
</div>
<div class="col-lg-4 mb-lg-0 mb-3">
<div class="card p-3">
<div class="img-box">
<img src="./images/online.jpg"
alt="">
</div>
<div class="number">
<label class="fw-bold">Online Payment</label>
 </div>
<div class="d-flex align-items-center justify-content-between">
</div>
</div>
</div>
<div class="col-12 mt-4">
<div class="card p-3">
<p class="mb-0 fw-bold h4">Payment Methods</p>
</div>
</div>
<div class="col-12">
<div class="card p-3">
<div class="card-body border p-0">
<p>
<a class="btn btn-primary w-100 h-100 d-flex align-items-center
justify-content-between"
data-bs-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="true"
aria-controls="collapseExample">
<span class="fw-bold">PayPal</span>
<span class="fab fa-cc-paypal">
</span>
</a>
</p>
<div class="collapse p-3 pt-0" id="collapseExample">
<div class="row">
<div class="col-8">
<p class="h4 mb-0">Summary</p>
<p class="mb-0"><span class="fw-bold">Product:</span><span
class="c-green">: Name of
product</span></p>
 <p class="mb-0"><span class="fw-bold">Price:</span><span
class="c-green">:$452.90</span></p>
<p class="mb-0">Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Atque
nihil neque
quisquam aut
repellendus, dicta vero? Animi dicta cupiditate, facilis
provident quibusdam ab
quis,
iste harum ipsum hic, nemo qui!</p>
</div>
</div>
</div>
</div>
<div class="card-body border p-0">
<p>
<a class="btn btn-primary p-2 w-100 h-100 d-flex align-items-center
justify-content-between"
data-bs-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="true"
aria-controls="collapseExample">
<span class="fw-bold">Credit Card</span>
<span class="">
<span class="fab fa-cc-amex"></span>
<span class="fab fa-cc-mastercard"></span>
<span class="fab fa-cc-discover"></span>
</span>
</a>
</p>
<div class="collapse show p-3 pt-0" id="collapseExample">
<div class="row">
<div class="col-lg-5 mb-lg-0 mb-3">
 <p class="h4 mb-0">Summary</p>
<p class="mb-0"><span class="fw-bold">Product:</span><span
class="c-green">: Name of
product</span>
</p>
<p class="mb-0">
<span class="fw-bold">Price:</span>
<span class="c-green">:$452.90</span>
</p>
<p class="mb-0">Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Atque
nihil neque
quisquam aut
repellendus, dicta vero? Animi dicta cupiditate, facilis
provident quibusdam ab
quis,
iste harum ipsum hic, nemo qui!</p>
</div>
<div class="col-lg-7">
<form action="" class="form">
<div class="row">
<div class="col-12">
<div class="form div">
<input type="text" class="form-control" placeholder="
">
<label for="" class="form label">Card
Number</label>
</div>
</div>

<div class="col-6">
<div class="form div">
 <input type="text" class="form-control" placeholder="
">
<label for="" class="form label">MM / yy</label>
</div>
</div>

<div class="col-6">
<div class="form div">
<input type="password" class="form-control"
placeholder=" ">
<label for="" class="form label">cvv code</label>
</div>
</div>
<div class="col-12">
<div class="form div">
<input type="text" class="form-control" placeholder="
">
<label for="" class="form label">name on the
card</label>
</div>
</div>
<div class="col-12">
<div class="btn btn-primary w-100">Sumbit</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
 <div class="col-12">
<div class="btn btn-primary payment">
Make Payment
</div>
</div>
</div>
</div>
</section>
<! Contact >
<section id="contact">
<div class="contact container">

<form action="https://formspree.io/f/xzbowpjq"
method="POST">
<div class="form">
<div class="form-txt">
<h4>INFORMATION</h4>
<h1>Contact Us</h1>
<span>As you might expect of a company that began
as a high-end interiors contractor, we pay strict
attention.</span>
<h3>USA</h3>
<p>195 E Parker Square Dr, Parker, CO 801<br>+43
982-314-0958</p>
<h3>India</h3>
<p>HW95+C9C, Lorem ipsum dolor
sit.<br>411014</p>
</div>
<div class="form-details">
<input type="text" name="name" id="name"
placeholder="Name" required>
 <input type="email" name="email" id="email"
placeholder="Email" required>
<textarea name="message" id="message" cols="52"
rows="7" placeholder="Message" required></textarea>
<button>SEND MESSAGE</button>
</div>
</div>
</form>
</div>
</section>
<! Offer >
<div class="container" id="offer">
<div class="row">
<div class="col-md-4 py-3 py-md-0">
<l class="fa-solid fa-cart-shopping"></l>
<h5>Free Shipping</h5>
<p>On Order Over $100</p>
</div>
<div class="col-md-4 py-3 py-md-0">
<l class="fa-solid fa-truck"></l>
<h5>Fast Delivery</h5>
<p>World Wide</p>
</div>
<div class="col-md-4 py-3 py-md-0">
<l class="fa-solid fa-thumbs-up"></l>
<h5>Big Choice</h5>
<p>Of product</p>
</div>
</div>
</div>
<! footer >
 <footer>
<div class="footer-container container">
<div class="content_1">

<p>The customer is at the heart of our<br>unique

business model, which includes<br>design.</p>
<img src="https://i.postimg.cc/Nj9dgJ98/cards.png"
alt="cards">
</div>
<div class="content_2">
<h4>SHOPPING</h4>
<a href="#sellers">Clothing Store</a>
<a href="#sellers">Trending Shoes</a>
<a href="#sellers">Accessories</a>
<a href="#sellers">Sale</a>
</div>
<div class="content_3">
<h4>SHOPPING</h4>
<a href="./contact.html">Contact Us</a>
<a href="https://payment-method-sb.netlify.app/"
target="_blank">Payment Method</a>
<a href="https://delivery-status-sb.netlify.app/"
target="_blank">Delivery</a>
<a href="https://codepen.io/sandeshbodake/full/Jexxrv"
target="_blank">Return and Exchange</a>
</div>
<div class="content_4">
<h4>NEWLETTER</h4>
<p>Be the first to know about new<br>arrivals, look
books, sales & promos!</p>
<div class="f-mail">
<input type="email" placeholder="Your Email">
 <i class='bx bx-envelope'></i>
</div>
<hr>
</div>
</div>
<div class="f-design">
<div class="f-design-txt container">
<p></p>
</div>
</div>
</footer>
</body>
Conclusion:

As we focus on the costs of online shopping, it seems that online shopping is really
detrimental for the environment. Online shopping brings us great convenience, but it
also encourages irresponsible consumption habits like exploiting the advantages of free
returns and expedited shipping. These add on to the existing pool of environmental
problems that we are dealing with – global warming, wastes and pollution. Therefore,
we should change our attitude towards e-commerce – to be more responsible, less
exploitative and more thoughtful for the environment.
Limitations:
1. Lack of Tangibility*: Inability to physically

examine products before purchase can lead to

dissatisfaction if the item does not meet expectations.

2. *Shipping Costs and Delays*: Additional shipping

costs and unpredictable delivery times can deter some
consumers, especially for urgent purchases.

3. *Security Concerns*: Risks associated with online

transactions, such as data breaches, identity theft, and
fraudulent websites, may undermine consumer trust
in e-commerce platforms.

4. *Returns and Exchanges*: The process of

returning or exchanging items purchased online can
be cumbersome and may involve shipping fees or
restocking charges.

5. *Dependency on Technology*: Reliance on

internet connectivity and electronic devices means
that technical issues or system failures can disrupt the
shopping experience.
Suggestion:

1. Research: Take time to research products, read reviews, and compare prices
across different websites to ensure you're getting the best deal.

2. Sign up for newsletters: Subscribe to newsletters from your favorite online

retailers to stay informed about sales, promotions, and exclusive discounts.

3. Use price tracking tools: Utilize price tracking tools or browser extensions to
monitor price fluctuations and receive alerts when items go on sale.

4. Check return policies: Familiarize yourself with the return policies of online
retailers before making a purchase to ensure hassle-free returns or exchanges if
needed.

5. Secure payment methods: Use secure payment methods such as credit cards or
PayPal to protect your financial information when making online transactions.
 Online Shopping Progress Report

Project Title: Online Shopping

Project Duration: December 21, 2023 to March 14, 2024

Project Team: Miss. Jadhav Sanika Anil

Miss. Jadhav Pooja Arvind
Mr.Mali Sarang Dadaso

Project Overview:
Shop from anywhere, anytime, without the hassle of visiting physical stores.
Access to a vast range of products from around the world. Easily compare price, features and
reviews across different websites.

Day Date Questions Guide

Signature
Wednesday 25-12-2023 How to create ERD in
my project?
Tuesday 5-1-2024 How to create database
connectivity?
Friday 29-1-2024 Which software uses
for database
connectivity?
Saturday 14-2-2024 In which format we
create documentation of
the project?
Reference:
https://blogs.ntu.edu.sg/hp3203-1819s2-u17/references/.com

https://www.geeksforgeeks.org/project-idea-shoppinglane-online-
shopping- website/.com

https://www.javatpoint.com/q/12112/online-shopping-system-project.com