INDIRA GANDHI NATIONAL

OPEN UNIVERSITY

PROJECT REPORT
OF
MCS-044
www.bemyshopper.com
ONLINE SELLING TO CUSTOMERS
Under Guidance of Mr. Kamal Tiwari

Regional Centre Code – 39

Study Centre – Academy of Computer Studies (ACS)
Study Centre Code - 39026
Enrollment No: 176608616
Name: Prateek Singh
Programme: Master of Computer Application (MCA)
Mobile No.: 9268650838
Email ID: prateeksingh825@gmail.com
GROCERY STORE

PROFORMA OF PROJECT PROPOSAL

1
GROCERY STORE

ROLES AND RESPONSIBILITES FORM

Name of the Project: ONLINE SELLING TO CUSTOMERS Date: 30/06/2021

Name of the Team Role Tasks and Responsibilities

Member
1. Prateek Singh Designing and Documentation, User
Development Interface Designing,
Database Designing &
Coding

Name and Signature of the Project Team members:

1. Prateek Singh Signature

Signature of the Counsellor: Date: 30/06/2021

2
GROCERY STORE

Table of Contents
CERTIFICATE OF ORIGINALITY ................................................................................................................................. 5
ACKNOWLEDGEMENT ................................................................................................................................................... 6
SYNOPSIS ............................................................................................................................................................................. 7
INTRODUCTION OF THE PROJECT......................................................................................................................... 39
OBJECTIVES OF THE PROJECT ................................................................................................................................. 40
TOOLS/PLATFORM TO BE USED ............................................................................................................................ 41
SYSTEM ANALYSIS ........................................................................................................................................................ 42
FACT FINDING ........................................................................................................................................................... 42
FEASIBILITY STUDY ................................................................................................................................................ 43
SOFTWARE REQUIREMENT SPECIFICATION............................................................................................... 46
FUNTIONAL REQUIREMENTS ............................................................................................................................. 48
NON-FUNCTIONAL REQUIREMENTS ................................................................................................................ 48
LIFE CYCLE METHODOLOGY ............................................................................................................................... 50
COCOMO MODEL....................................................................................................................................................... 51
SCHEDULING TECHNIQUES ................................................................................................................................. 55
GANTT CHART ...................................................................................................................................................... 55
PERT CHART .......................................................................................................................................................... 56
RISK ANALYSIS AND MANAGEMENT ............................................................................................................... 57
DATA DICTIONARY .................................................................................................................................................. 60
SYSTEM DESIGN............................................................................................................................................................. 62
MODULAR DESCRIPTION ...................................................................................................................................... 62
PROCESS LOGIC ......................................................................................................................................................... 63
ER-DIAGRAM .............................................................................................................................................................. 64
DATA FLOW DIAGRAM .......................................................................................................................................... 65
ZERO LEVEL DFD ................................................................................................................................................. 65
FIRST LEVEL DFD ................................................................................................................................................ 66
SECOND LEVEL DFD ........................................................................................................................................... 67
CLASS DIAGRAM ....................................................................................................................................................... 70
USE CASE DIAGRAM ................................................................................................................................................ 71

3
GROCERY STORE

TESTING ............................................................................................................................................................................ 72
TYPES OF TESTING .................................................................................................................................................. 73
TEST CASES ................................................................................................................................................................. 76
TEST/BUG REPORT ................................................................................................................................................. 87
DEBUGGING ................................................................................................................................................................ 96
IMPLEMENTATION OF SECURITY.......................................................................................................................... 99
DATABASE SECURITY ............................................................................................................................................. 99
DATA SECURITY ...................................................................................................................................................... 101
USERS AND ACCESS RIGHTS .............................................................................................................................. 101
LIMITATIONS OF PROJECT...................................................................................................................................... 103
FUTURE SCOPE OF THE PROJECT ........................................................................................................................ 104
CONCLUSION ................................................................................................................................................................. 105
BIBLIOGRAPHY ............................................................................................................................................................ 107
INPUT AND OUTPUT SCREEN ................................................................................................................................ 108
CODING WITH COMMENTS AND ERROR HANDLING .................................................................................. 142

4
GROCERY STORE

CERTIFICATE OF ORIGINALITY
This is to certify that the project report entitled ONLINE SELLING TO
CUSTOMERS submitted to Indira Gandhi National Open University in
partial fulfilment of the requirement for the award of the degree of
MASTER OF COMPUTER APPLICATIONS (MCA) is an original work
carried out by Mr. PRATEEK SINGH enrolment no. 176608616 under my
guidance. The matter embodied in this project is authentic and is genuine
work done by the student and has not been submitted whether to this
University or to any other University / Institute for the fulfilment of the
requirement of any course of study.

Signature of the Student Signature of the Counsellor

Date: 22/06/2021 Date: 22/06/2021

Name and Address of Name, Designation and

the student
Prateek Singh (SK 140 C, Sector
-66, GB Nagar, UP 201301)
Enrolment No: 176608616
Address of the Counsellor
Kamal Tiwari – Web Developer
(3/93, 1st Floor, Lalita Park,
Laxmi Nagar, New Delhi –
110091)

5
GROCERY STORE

ACKNOWLEDGEMENT

The satisfaction that accompanies that the successful completion of

any task would be incomplete without the mention of people whose
ceaseless cooperation made is possible, whose constant guidance
and encouragement crown all efforts with success.

I am grateful to my project guide MR. KAMAL TIWARI for the

guidance, inspiration and constructive suggestions that helps me in
the preparation of this project.

I am also grateful to my respected mentor, Mr. Akhilesh Singh for

helping me with the project finalization process showing confidence
in me.

Last but not the least I wish to avail myself of this opportunity,
express a sense of gratitude and love to my friends and my beloved
parents for their manual support, strength and help.

6
GROCERY STORE

SYNOPSIS

7
GROCERY STORE

Table of Contents
INTRODUCTION OF THE PROJECT............................................................................................................................ 9
OBJECTIVES OF THE PROJECT ................................................................................................................................. 10
PROJECT CATEGORY .................................................................................................................................................... 11
COMPLETE DESCRIPTION OF THE PROJECT..................................................................................................... 12
FACT FINDING ........................................................................................................................................................... 12
FEASIBILITY STUDY ................................................................................................................................................ 13
HARDWARE AND SOFTWARE CONFIGURATION ....................................................................................... 15
LIFE CYCLE METHODOLOGY ............................................................................................................................... 16
SCHEDULING TECHNIQUES ................................................................................................................................. 17
GANTT CHART ...................................................................................................................................................... 17
PERT CHART .......................................................................................................................................................... 18
SYSTEM DESIGN............................................................................................................................................................. 19
MODULAR DESCRIPTION ...................................................................................................................................... 19
PROCESS LOGIC ......................................................................................................................................................... 20
ER-DIAGRAM .............................................................................................................................................................. 21
DATA FLOW DIAGRAM .......................................................................................................................................... 22
ZERO LEVEL DFD ................................................................................................................................................. 22
FIRST LEVEL DFD ................................................................................................................................................ 23
SECOND LEVEL DFD ........................................................................................................................................... 24
CLASS DIAGRAM ....................................................................................................................................................... 27
USE CASE DIAGRAM ................................................................................................................................................ 28
DATA DICTIONARY .................................................................................................................................................. 29
TESTING TO BE USED .................................................................................................................................................. 31
SYSTEM SECURITY AND VALIDATIOINS ............................................................................................................. 34
FUTURE SCOPE OF THE PROJECT .......................................................................................................................... 36
BIBLIOGRAPHY .............................................................................................................................................................. 37

8
GROCERY STORE

INTRODUCTION OF THE PROJECT

Groceries are different from many other products, such as music
and books that are commonly purchased online. Many grocery products
are perishable and therefore time-sensitive in terms of their delivery
needs. In addition, groceries are a replacement product, i.e., the same
basket of products is more-or-less purchased on a regular basis. Finally,
groceries are high-touch items, meaning that consumers like to inspect
the quality of items they are purchasing.

“On-Line Grocery Ordering System” is a web-based project

which is made for remote-shopping or shopping through Internet. As the
technology is being advanced the way of life is changing accordance.
Now a day’s we can place the order for anything from our home. There is
no need to go the shop of the things we want. The order can be placed
online through Internet. The payment, the confirmation of purchasing;
we can do everything we want. Now we can think that how the days
have been changed with time. People had to stand in rows to wait there
terms to buy a particular thing from a popular shop. But what is
happening now a day’s; we can extremely surprise that those things can
be available on the door-step in few hours.

People had to suffer the rush of the market when they went for
shopping. They used to think hundred times to buy anything having the
sufficient money for shopping. The problem was the rush; the quarrel at
the time of buying the things. But the advancement of technology brought
the new way for shopping. The way of shopping was completely changed
with the coming of Internet Technology. People have to fill a simple form
on the internet to place their order on any popular shop or shopping-mall
for the thing they want to buy. Now they can place their order from the
home.

This project entitled “On-Line Grocery Ordering System” is an

implementation of the above description. It means, it implements the E-
shopping or in other word shopping through Internet. It lets the user to
place their order online for any article.

9
GROCERY STORE

OBJECTIVES OF THE PROJECT

Objectives of proposed system, is to provide Online Grocery

Shopping solution to consumers and vendors. It will automate some
of the basic operations of an online store. Scope would be to provide
basic functionalities using a web application so that that manual
process can be automated. It will include providing administration
access to vendors and admins and user specific access to customers.
Online grocery services meet a number of consumer needs including
providing products for niche markets or helping the time starved
consumer shop for the mundane weekly groceries.
Today the internet and its boom have created a new economic scenario
that not only stresses on the classical concept of the “product” but also on
the modern concept of “service”. It is this level of service that dictates
whether a commercial venture will succeed or not in the market. To
provide a high accessibility of service we will design the online shopping
website, so that potential customers need not go to a physical shop to
buy products or services.

• Secure – As this software has online payment services which are

performed through various WCF services of various banks. Hence
it is completely secured.
• Reliable – Reliable data is evidence you can trust. Reliable is
conforming to fact and therefore worthy of belief and it is also
worthy of trust.

10
GROCERY STORE

PROJECT CATEGORY
Web Application
A web application is a software or program which is accessible using
any web browser. Its frontend is usually created using languages like
HTML, CSS, etc.., which are supported by major browsers. While the
backend could use any programming stack like LAMP, MEAN, etc. Unlike
mobile apps, there is no specific SDK for developing web applications.

JSP
➢ It stands for Java Server Pages.
➢ It is a server side technology.
➢ It is used for creating web applications.
➢ It is used to create dynamic web content.
➢ In this JSP tags are used to insert JAVA code into HTML pages.
➢ It is an advanced version of Servlet Technology.
➢ It is a Web based technology helps us to create dynamic and platform
independent web pages.
➢ In this, Java code can be inserted in HTML/XML pages or both.
➢ JSP is first converted into servlet by JSP container before processing
the client’s request.
JSP pages are more advantageous than Servlet:
➢ They are easy to maintain.
➢ No recompilation or redeployment is required.
➢ JSP has access to entire API of JAVA.
➢ JSP are extended version of Servlet.

ORACLE
An Oracle database is a collection of data treated as a unit. The purpose of
a database is to store and retrieve related information. A database server is
the key to solving the problems of information management. In general, a
server reliably manages a large amount of data in a multiuser environment
so that many users can concurrently access the same data. All this is
accomplished while delivering high performance. A database server also
prevents unauthorized access and provides efficient solutions for failure
recovery.

11
GROCERY STORE

COMPLETE DESCRIPTION OF THE PROJECT

FACT FINDING
Fact –Finding is an important activity is system investigation. In this stage,
the functioning of the system is to be understood by the system analyst to
designing the proposed system. Various methods are used for this and
these are known as Fact-Finding techniques. The analyst needs to fully
understand the current system.

Types of Fact-Finding:

I. Questionnaires – This is a special purpose document that allows the

analyst to collect information and opinions from respondents.
Questionnaires become useful when a little information is required
from a number of people.

I asked some question from the customer:-

1. How do you pay the payment?

2. How to give the order online?
3. How to search the product on online shopping?

II. Interviews – This technique to fact-finding is most popular,

productive for good analyst and most probably widely used.
Interviews are a fact-finding technique where by the systems analyst
collects information from individual fact to face. Interviewing can be
used to find-facts; verify facts; clarify facts; general enthusiasm etc.

I met with one of the employee of Big Basket Company and asked some
question:-

1. How do you sell the items online?

2. How do you manage the customer and items information?
3. How do you access the delivery of the products?

III. On-Site Observation - Observation could be Formal or Informal. This

is most effective when and analyst wants to obtain an understanding
of a system. This technique used when analyst wants either
participates in or watches a person perform activities to learn about
the system.

12
GROCERY STORE

I met with one of the employee of Big Basket Company and I observed
how to work in the company and how to manage the workers, sellers
and buyers and how to deliver the product to the customer.
FEASIBILITY STUDY
A feasibility study can help mitigate the risk that a project is wasting
its time. The feasibility study is basically the test of the proposed system
in the light of its workability, meeting user’s requirements, effective use
of resources and of course, the cost effectiveness. The feasibility study
activity involves the analysis of the problem and collection of all relevant
information relating to the product such as the different data items.

Types of Feasibility Study:

I. Economic Feasibility – It is process of collecting information and data

about a proposed project, than analysing the same from the financial,
economic and technical aspects, in addition to sensitivity analysis, in
order to be aware of the extent of such project success, under the
prevailing circumstances in the market. If benefits outweigh costs, a
decision is taken to design and implement the system. Otherwise,
further justification or alternative in the proposed project or
software will have to make if it is to have a chance of being approved.

Benefits

a. Records are easily entered and retrieved.

b. Money is saved as paper work is minimized.
c. The proposed system is fully automated and hence easy to use.
d. Cost of the maintenance of the proposed system is negligible.

Since benefits out base the cost, hence our project is economically feasible.

II. Technical Feasibility – This is concerned with specifying equipment

and software that will successfully satisfy the user requirement. The
goal of technical feasibility study is to outline and clarify the things
and factors connected to the technical realization of an information
service system. The software is developed in the generalized form,
which covers all operations carried out.
The version used in the system is Java and Oracle. The features
embedded in the system are latest and according to the need of the
client. In future, the codes are easily compatible for the changes, as

13
GROCERY STORE

the latest version doesn’t affect the core code.

III. Operational Feasibility - Operational feasibility refers to future
aspects of the project. It is mainly related to human organizational
and potential aspects. In operational feasibility it is observed that if
any system is developed, will it be used? For how long it will be
used?

In this we determine what change will be brought in system, new

skills required and other human organization and political aspects.

The following areas have been probed to declare the

proposed System as operationally feasible:
1. There is sufficient support for the proposed system from the
management and the users as well.
2. The results produced by the proposed system will be more
effective and efficient in terms of speed.
3. The system will work when it is developed and installed and
there are no major barriers to its implementation.

14
GROCERY STORE

HARDWARE AND SOFTWARE CONFIGURATION

Software Configuration

Front End – JSP (Java Server Program), HTML, CSS

Back End - Oracle10g

Web Server - Apache Tomcat

Operating System – Windows 10 Pro

IDE - Net beans

Hardware Configuration

Processor – Intel core i3-6006U CPU @ 2.00 GHz

System Type - 64-bit operating system, x64-based processor

RAM - 8 Gigabyte

Hard Disk - 1 Terabyte

Mouse - Optical

Monitor - LCD

Processor - Multimedia

15
GROCERY STORE

LIFE CYCLE METHODOLOGY

Waterfall Model

The principal stages of the model map onto fundamental development

activities:

1. Requirements analysis and definition – The system’s services,

constraints and goals are established by consultation with system users.
They are then defined in detail and serve as a system specification.
2. System and Software design - This establishes overall system
architecture. Software design involves identifying and describing the
fundamental software system abstractions and their relationships.
3. Implementation and unit test– During this stage, the software design
is realized as a set of programs or program units. Unit testing involves
verifying that each unit meets its specification.
4. Integration and system test– The individual program units or
programs are integrated and tested as a complete system to ensure that
the software requirements have been met. After testing, the software
system is delivered to the customer.
5. Operation and maintenance – Normally, this is the longest life
cycle phase. The system is installed and put into practical use.
Maintenance involves correcting errors which were not discovered in
earlier stages of the life cycle, improving the implementation of
system units and enhancing the system’s services as new
requirements are discovered.

16
GROCERY STORE

SCHEDULING TECHNIQUES
Project planning is the first phase of any project to be going to develop. In
project planning all the necessary and important information and
requirements should be writing and apply to developing a perfect
software system.

Project scheduling is the process by which the various activities that need
to be undertaken during a projects lifetime should be scheduled. There are
a range of activity management tools that are commercially available.

Project Planning & Scheduling is done to increase the likelihood that a

project will be implemented efficiently, effectively and successfully.
GANTT CHART
It is a graphical representation of the duration of tasks against the
progression of time. It can be developed for the entire project or a
separate chart can be developed for each function. It is a popular tool used
to plan projected schedule. It provides a quick view of the way the project
is expected to proceed. A tabular form is maintained where rows indicate
the tasks with milestones and columns indicate duration (weeks/months).
It is a static chart which depicts the picture on a particular date.

17
GROCERY STORE

PERT CHART
A PERT chart is a graphic representation of a project’s schedule, showing
the sequence of tasks, which tasks can be performed simultaneously, and
the critical path of tasks that must be completed on time in order for the
project to meet its completion deadline. It represents each task of a
project as a box (circle or rectangle), arrows between tasks are used
to show the sequence and task dependencies (i.e. which tasks need to
be complete before others can start).

It is mainly used for high-risk projects with various estimation parameters.

PERT CHART

18
GROCERY STORE

SYSTEM DESIGN
MODULAR DESCRIPTION

1. ADMIN MODULE: - Admin module is mainly for the owner of the

system. This module performs the work of regular checking process.
Everyone needs current information about anything. So, this module is
responsible for updating the information continuously if any, in the
system so that one can find timely information.

2. CUSTOMER MODULE:- In the customer module, the customer will use

this website to on-line shopping. And also the customer sends the
request to the shopping.

3. PAYMENT MODULE:- In this module, the customer will payment

in different mode like credit card, debit card, internet banking etc.

4. ORDER MODULE: - In this module, the all selected item could be

purchased by the customer after the online payment.

5. PRODUCT TRACKING MODULE: - In this module, the customer

demand for the product and payment for that product and after
that the customer will contact with the product tracking module.

6. SEARCH MODULE: - Search module provides search facilities to

the search different product to the purchase.

7. PRODUCT: - In this module, the details of all the products are

maintained available on the portal for sale.

19
GROCERY STORE

PROCESS LOGIC

20
GROCERY STORE

ER-DIAGRAM

21
GROCERY STORE

DATA FLOW DIAGRAM

ZERO LEVEL DFD

22
GROCERY STORE

FIRST LEVEL DFD

23
GROCERY STORE

SECOND LEVEL DFD

Second Level Diagram: Search Product

Second Level Diagram: Order Product

24
GROCERY STORE

Second Level Diagram: Return Order

25
GROCERY STORE

26
GROCERY STORE

CLASS DIAGRAM

27
GROCERY STORE

USE CASE DIAGRAM

28
GROCERY STORE

DATA DICTIONARY

Registration Table:
S.R Field Name Data type Size Validation
1. Cust id Int 10 Primary key
2. Username Varchar 10
3. Password Varchar 30
4. Name Varchar 101
5. Address Varchar 300
6. Contact no Varchar 12
7. Email Varchar 500

Customer Table:
S.R Field Name Data type Size Validation
1. Cust_id Int 10 Primary key
2. Username Varchar 10
3. Password Varchar 30
4. Name Varchar 101
5. Address Varchar 300
6. Contact_no Varchar 12
7. Email Varchar 500

Product Table:
S.R Field Name Data type Size Validation
1. Pro_id Varchar 10 Primary key
2. Pro Name Varchar 300
3. Price Varchar 100
4. Description Varchar 300
5. Company Integer 5
6. Pic Datetime

29
GROCERY STORE

Payment Table:
S.R Field Name Data Type Size Validation
1. Receipt No Varchar 20 Primary key
2. Pay date Varchar 200
3. Amount Date 10
4. Cust_ID Varchar 67 Foregin Key
5. Card Type Varchar 50
6. Bank Name Integer 10
7. Card No Integer 23

Order Table:
S.R Field Name Data Type Size Validation
1. OID Varchar 20 Primary key
2. Cust_ID Varchar 200 Foregin Key
3. Product Date Date 10
4. Amount Varchar 67
5. Order date Varchar 50
6. Product Name Varchar 100
7. Quantity Varchar 56

Admin
Field Name Data Type Size Allow Null

Ad_ID Varchar(50) Admin ID Primary key

Ad_Pwd Varchar(20) Admin Password Not Null

AdEmailID Varchar(50) Admin Email ID Not Null

30
GROCERY STORE

TESTING TO BE USED

Testing is the process of evaluation a software item to detect defect and

differences between given input and expected output. Also to assess the
feature of a software item. Testing assesses the quality of the product.
Software testing is a process that should be done during the development
process. In other words software testing is a verification and validation
process.

Verification – Verification is the process to make sure the product satisfies

the conditions imposed at the start of the development phase. In other
words, to make sure the product behaves the way we want it to.

Validation – Validation is the process to make sure the product satisfies

the specified requirements at the end of the development phase. In other
words, to make sure the product is built as per customer requirements.

Types of Testing:-
a. Integration Testing – Integration testing is testing in which a group
of components are combined to produce output. Also, the interaction
between software and hardware is tested in integration testing if
software and hardware components have any relation. It may fall
under black box testing.

b. Unit Testing – Unit testing is the testing of an individual unit or

group of related units. It falls under the class of white box testing. It
is often done by the programmer to test that the unit he/she
has implemented is producing expected output against given input.

c. System Testing - Upon completion of integration testing, the

system testing will begin. During system testing, which is a black box
test, the complete system is configured in a controlled environment

31
GROCERY STORE

to validate its accuracy and completeness in performing the

functions as designed. The system test will simulate production in
that it will occur in the “production-like” test environment and
test all of the functions of the system that will be required in
production.

d. Acceptance Testing – Acceptance testing is often done by the

customer to ensure that the delivered product meets the
requirements and works as the customer expected. It falls under
the class of black box testing. This testing allows SMEs (Subject
Matter Experts) from user to test the software with their actual
business or real-world scenarios and to check if the software meets
their business requirements.

e. Alpha Testing – Testing of an application when development is

nearing completion, Minor design changes may still be made as a
result of such testing. It is a formal type of testing that is performed
by end customers at development site where developers observe the
working of software which are performing by end customers.

f. Beta Testing – Testing when development and testing are

essentially completed and final bugs, problems need to be found
before the final release. Beta testing is typically done by end-users at
their site.

g. Black Box Testing – Black Box Testing is a software testing is a

software testing method where in testers is not required to know
coding or internal structure of the software. Black box testing
method relies on testing software with various inputs and validation
results against expected output.
h. White Box Testing – White box testing is also known as clear box

32
GROCERY STORE

testing, transparent box testing and glass box testing. White box
testing is a software testing approach, which intends to test
software with knowledge of internal working of the software. White
box testing approach is used in Unit testing which is usually
performed by software developers. White box testing intends to
execute code and test statements, branches, path, decisions and data
flow within the program being tested.

33
GROCERY STORE

SYSTEM SECURITY AND VALIDATIOINS

Users and Access Rights
For the security of the database, I have defined users in various categories
each type of user has its own access rights. Users for my system are as
follows:

1. ADMIN: - Admin controls the system and only has the permit to
perform all types of operations like INSERT, DELETE, UPDATE,
SELECT, GRANT.

2. CUSTOMER:-Access right of the customers is limited. They can

run only select command.

3. OUTSIDERS: - Outsiders can only view my system. They can

only visit this websites. They cannot run any commands.

Exception Handling
JSP allows us to build Web applications with any language .We can take
advantage of this language-independent, structured exception handling.
Structured exception handling is done through try/catch/finally blocks. It
is done to handle the exception and to save the lost of information.

It has three Blocks:-

Try:-The code which may have exception is placed inside the try block.

Catch:-If an exception occurs in a try block, the catch block catches it and take
the action to save the lost of information. A try block can have multiple catch
blocks.

Finally: - An optional block which always runs either the exception occurs or
not.

DATABASE SECURITY
The term database security derives its meaning as “the way to implement
the database such that there must not be unnecessary leakage of data and
retrieval of data from database must be efficient “.

34
GROCERY STORE

Why database security is needed?

Any organization gives highest priority to its data and information rather
than other components. An organization can recover any type of loss but
that organization cannot get recovered easily if there is an attempt to loss
data of organization. This is primary motivation to implement the database
security in an organization.

For the database security, I have used the following:

1. Different users have been created with their passwords, further each
user has been authorized for their respective purposes.
2. Users are categorized into different categories while creating the users
with their separate privileges.
3. Views have been created so that unnecessary data and information do
not go in wrong hand.
4. I have used triggers in the database. Triggers are executed by the
database when specific types of data manipulation commands are
performed on specific tables. Such commands may include INSERT,
DELETE, and UPDATE etc. Triggers event may also include DDL command
and database events such as shutdown and logins.

35
GROCERY STORE

FUTURE SCOPE OF THE PROJECT

➢ Will add more modules like: - special offers, discounts, health
products, etc.
➢ Will Provide SMS alert for notification of order placed or other
services.
➢ Due to its reusability, extensibility and robustness rule, it can be
easily added in any other major Software.
➢ In future, mobile app also created for this application.

36
GROCERY STORE

BIBLIOGRAPHY
JAVA
Head First Java Book By Bert Bates and Kathy Sierra

ORACLE
www.oracle.com

HTML, CSS AND JAVASCRIPT

www.codingblocks.com

SOFTWARE ENGINEERING
1) Software Engineering - By K.K Aggarwal and Yogesh Singh
2) Software Engineering - By Boris Beizer
3) An Integrated Approach-to Software Engineering - By PankajJalote

REFERENCES
1) www.w3schools.com
2) www.tutorialspoint.com
3) http://www.levela.com

37
GROCERY STORE

PROJET
REPORT

38
GROCERY STORE

INTRODUCTION OF THE PROJECT

Groceries are different from many other products, such as music

and books that are commonly purchased online. Many grocery products
are perishable and therefore time-sensitive in terms of their delivery
needs. In addition, groceries are a replacement product, i.e., the same
basket of products is more-or-less purchased on a regular basis. Finally,
groceries are high-touch items, meaning that consumers like to inspect
the quality of items they are purchasing.

“On-Line Grocery Ordering System” is a web-based project

which is made for remote-shopping or shopping through Internet. As the
technology is being advanced the way of life is changing accordance.
Now a day’s we can place the order for anything from our home. There is
no need to go the shop of the things we want. The order can be placed
online through Internet. The payment, the confirmation of purchasing;
we can do everything we want. Now we can think that how the days
have been changed with time. People had to stand in rows to wait there
terms to buy a particular thing from a popular shop. But what is
happening now a day’s; we can extremely surprise that those things can
be available on the door-step in few hours.

People had to suffer the rush of the market when they went for
shopping. They used to think hundred times to buy anything having the
sufficient money for shopping. The problem was the rush; the quarrel at
the time of buying the things. But the advancement of technology brought
the new way for shopping. The way of shopping was completely changed
with the coming of Internet Technology. People have to fill a simple form
on the internet to place their order on any popular shop or shopping-mall
for the thing they want to buy. Now they can place their order from the
home.

This project entitled “On-Line Grocery Ordering System” is an

implementation of the above description. It means, it implements the E-
shopping or in other word shopping through Internet. It lets the user to
place their order online for any article.

39
GROCERY STORE

OBJECTIVES OF THE PROJECT

Objectives of proposed system, is to provide Online Grocery

Shopping solution to consumers and vendors. It will automate some
of the basic operations of an online store. Scope would be to provide
basic functionalities using a web application so that that manual
process can be automated. It will include providing administration
access to vendors and admins and user specific access to customers.
Online grocery services meet a number of consumer needs including
providing products for niche markets or helping the time starved
consumer shop for the mundane weekly groceries.
Today the internet and its boom have created a new economic scenario
that not only stresses on the classical concept of the “product” but also on
the modern concept of “service”. It is this level of service that dictates
whether a commercial venture will succeed or not in the market. To
provide a high accessibility of service we will design the online shopping
website, so that potential customers need not go to a physical shop to
buy products or services.

• Secure – As this software has online payment services which are

performed through various WCF services of various banks. Hence
it is completely secured.
• Reliable – Reliable data is evidence you can trust. Reliable is
conforming to fact and therefore worthy of belief and it is also worthy of
trust.

40
GROCERY STORE

TOOLS/PLATFORM TO BE USED

Software Configuration

Front End – JSP (Java Server Program), HTML, CSS

Back End - Oracle10g

Web Server - Apache Tomcat

Operating System – Windows 10 Pro

IDE - Net beans

Hardware Configuration

Processor – Intel core i3-6006U CPU @ 2.00 GHz

System Type - 64-bit operating system, x64-based processor

RAM - 8 Gigabyte

Hard Disk - 1 Terabyte

Mouse - Optical

Monitor - LCD

Processor - Multimedia

41
GROCERY STORE

SYSTEM ANALYSIS
System Analysis is the process of observing systems for troubleshooting or
development purposes. It is applied to information technology, where
computer-based systems require defined analysis according to their makeup
and design.

In IT, systems analysis can include looking at end-user implementation of a

software package or product; looking in-depth at source code to define the
methodologies used in building software; or taking feasibility studies and
other types of research to support the use and production of a software
product, among other things.

Systems Analysis professionals are often called upon to look critically at

systems, and redesign or recommend changes as necessary. Inside and
outside of the business world, systems analysts help to evaluate whether a
system is viable or efficient within the context of its overall architecture, and
help to uncover the options available to the employing business or other
party.

Systems Analysts are different than systems administrators, who maintain

systems day to day, and their roles generally involve a top-level view of a
system to determine its overall effectiveness according to its design.

FACT FINDING
Fact –Finding is an important activity is system investigation. In this stage,
the functioning of the system is to be understood by the system analyst to
designing the proposed system. Various methods are used for this and
these are known as Fact-Finding techniques. The analyst needs to fully
understand the current system.

Types of Fact-Finding:

IV. Questionnaires – This is a special purpose document that allows the

analyst to collect information and opinions from respondents.
Questionnaires become useful when a little information is required
from a number of people.

I asked some question from the customer:-

42
GROCERY STORE

4. How do you pay the payment?

5. How to give the order online?
6. How to search the product on online shopping?

V. Interviews – This technique to fact-finding is most popular,

productive for good analyst and most probably widely used.
Interviews are a fact-finding technique where by the systems analyst
collects information from individual fact to face. Interviewing can be
used to find-facts; verify facts; clarify facts; general enthusiasm etc.

I met with one of the employee of Big Basket Company and asked some
question:-

4. How do you sell the items online?

5. How do you manage the customer and items information?
6. How do you access the delivery of the products?

VI. On-Site Observation - Observation could be Formal or Informal. This

is most effective when and analyst wants to obtain an understanding
of a system. This technique used when analyst wants either
participates in or watches a person perform activities to learn about
the system.

I met with one of the employee of Big Basket Company and I observed
how to work in the company and how to manage the workers, sellers
and buyers and how to deliver the product to the customer.

FEASIBILITY STUDY
A feasibility study can help mitigate the risk that a project is wasting
its time. The feasibility study is basically the test of the proposed system
in the light of its workability, meeting user’s requirements, effective use
of resources and of course, the cost effectiveness. The feasibility study
activity involves the analysis of the problem and collection of all relevant
information relating to the product such as the different data items.

Types of Feasibility Study:

IV. Economic Feasibility – It is process of collecting information and data

about a proposed project, than analysing the same from the financial,
economic and technical aspects, in addition to sensitivity analysis, in
43
GROCERY STORE

order to be aware of the extent of such project success, under the

prevailing circumstances in the market. If benefits outweigh costs, a
decision is taken to design and implement the system. Otherwise,
further justification or alternative in the proposed project or
software will have to make if it is to have a chance of being approved.

Benefits

e. Records are easily entered and retrieved.

f. Money is saved as paper work is minimized.
g. The proposed system is fully automated and hence easy to use.
h. Cost of the maintenance of the proposed system is negligible.

Since benefits out base the cost, hence our project is economically feasible.

V. Technical Feasibility – This is concerned with specifying equipment

and software that will successfully satisfy the user requirement. The
goal of technical feasibility study is to outline and clarify the things
and factors connected to the technical realization of an information
service system. The software is developed in the generalized form,
which covers all operations carried out.
The version used in the system is Java and Oracle. The features
embedded in the system are latest and according to the need of the
client. In future, the codes are easily compatible for the changes, as
the latest version doesn’t affect the core code.
VI. Operational Feasibility - Operational feasibility refers to future
aspects of the project. It is mainly related to human organizational
and potential aspects. In operational feasibility it is observed that if
any system is developed, will it be used? For how long it will be
used?

In this we determine what change will be brought in system, new

skills required and other human organization and political aspects.

The following areas have been probed to declare the

proposed System as operationally feasible:
1. There is sufficient support for the proposed system from the
management and the users as well.
2. The results produced by the proposed system will be more
effective and efficient in terms of speed.

44
GROCERY STORE

3. The system will work when it is developed and installed and

there are no major barriers to its implementation.

45
GROCERY STORE

SOFTWARE REQUIREMENT SPECIFICATION

1. INTRODUCTION
1.1. Purpose: This document is meant to delineate the features of
OSS, so as to serve as a guide to the developers on one hand and a
software validation document for the prospective client on the other.
The Online Shopping System (OSS) for grocery item shop web
application is intended to provide complete solutions for vendors as
well as customers through a single get way using the internet. It will
enable vendors to setup online shops, customer to browse through
the shop and purchase them online without having to visit the shop
physically. The administration module will enable a system
administrator to approve and reject requests for new shops and
maintain various lists of shop category.
1.2. Scope: This system allows the customer’s to maintain their cart
for add or remove the product over the internet.
1.3. Definitions, Acronyms & Abbreviations: OSS – Online
Shopping System (for grocery item shop)
SRS – Software Requirement Specification
GUI – Graphical User Interface
Stakeholder – The person who will participate in system
Ex. Customer, Administrator, Visitor etc.
1.4. References: https://www.google.co.in
www.w3schools.com
1.5. Overview: This system provides an easy solution for
customers to buy the product without going to the shop and also to
shop owner to sale the product. This proposed system can be used
by any naive users and it does not require any educational level,
experience or technical expertise in computer field but it will be of
good use if user has the good knowledge of how to operate a
computer.
2. OVERALL DESCRIPTION:
The Online Shopping System (OSS) application enables vendors to set up
online shops, customers to browse through the shops, and a system
administrator to approve and reject requests for new shops and
maintain lists of shop categories. Also the developer is designing an
online shopping site to manage the items in the shop and also help
customers to purchase them online without visiting the shop physically.

46
GROCERY STORE

The online shopping system will use the internet as the sole method for
selling goods to its consumers.
2.1. Product Perspective: This product aimed toward a person
who don’t want to visit the shop as he might don’t get time for that
or might not interested in visiting there and dealing with lot of
formalities.
2.2. Product Functions:
OSS should support this use case:

2.3. User Characteristics: User should be familiar with the terms

like login, register, order system etc.
2.4. Principal Actors: 2 Principal Actors are customer and
Administrator
2.5. General Constraints: A full internet connection is required for
OSS.
2.6. Assumptions and Dependencies: Working of OSS need
Internet Connection.

47
GROCERY STORE

3. SPECIFIC REQUIREMENTS:
FUNTIONAL REQUIREMENTS
3.1. Functional Requirements: This section provides requirement
overview of the system. Various functional modules that can be
implemented by the system will be-
3.1.1. Registration: If customer wants to buy the product then
he/she must be registered, unregistered user can’t go to the
shopping cart.
3.1.2. Login: Customers logins to the system by entering valid user id
and password for the shopping.
3.1.3. Changes to cart: Changes to cart means the customer after
login or registration can make order or cancel order of the
product from the shopping cart.
3.1.4. Payment: In this system we are dealing the mode of payment
by Cash. We will extend this to credit card, debit card etc in the
future.
3.1.5. Logout: After ordering or surfing for the product customer has
to logout.
3.1.6. Report Generation: After ordering for the product, the
system, will sent one copy of the bill to the customer’s Email-
address and another one for the system data base.
NON-FUNCTIONAL REQUIREMENTS
3.2. Non-Functional Requirements: Following Non-Functional
Requirements will be there in the insurance to the internet:
(i) Secure access to consumer’s confidential data.
(ii) 24X7 availability.
(iii) Better component design to get better performance at peak
time.
(iv) Flexible service based architecture will be highly desirable for
future extension. Non-Functional Requirements define system
properties and constraints.
Various other Non-Functional Requirement are:
➢ Security
➢ Reliability
➢ Maintainability
➢ Portability
➢ Extensibility
➢ Reusability

48
GROCERY STORE

➢ Compatibility
➢ Resource Utilization
3.3. Performance Requirements: In order to maintain an acceptable
speed at maximum number of upload allowed from a particular
customer as any number of users can access to the system at any
time. Also the connections to the servers will be based on the
attributes of the user like his location and server will be working
24X7 times.
3.4. Technical Issues: This system will work on client-server
architecture. It will require an internet server and which will be able
to run JSP application. The system should support some commonly
used browser such as IE, mozzila firefox, chorme etc.
4. INTERFACE REQUIREMENT: Various interfaces for the product could be-
I) Login Page
II) Registration Form
III) There will be a screen displaying information about product that the
shop having.
IV) If the customers select the buy button then another screen of
shopping cart will be opened.
V) After ordering for the product, the system will sent one copy of the
bill to the customer’s Email-address
4.1. Communication Interfaces: The two parties should be
connected by LAN or WAN for the communication purpose.

49
GROCERY STORE

LIFE CYCLE METHODOLOGY

Waterfall Model

The principal stages of the model map onto fundamental development

activities:

1. Requirements analysis and definition – The system’s services,

constraints and goals are established by consultation with system users.
They are then defined in detail and serve as a system specification.
2. System and Software design - This establishes overall system
architecture. Software design involves identifying and describing the
fundamental software system abstractions and their relationships.
3. Implementation and unit test– During this stage, the software design
is realized as a set of programs or program units. Unit testing involves
verifying that each unit meets its specification.
4. Integration and system test– The individual program units or
programs are integrated and tested as a complete system to ensure that
the software requirements have been met. After testing, the software
system is delivered to the customer.
5. Operation and maintenance – Normally, this is the longest life cycle
phase. The system is installed and put into practical use. Maintenance
involves correcting errors which were not discovered in earlier stages
of the life cycle, improving the implementation of system units and
enhancing the system’s services as new requirements are discovered.

50
GROCERY STORE

COCOMO MODEL
Cocomo (Constructive Cost Model) is a regression model based on LOC, i.e
number of Lines of Code. It is a procedural cost estimate model for
software projects and often used as a process of reliably predicting the
various parameters associated with making a project such as size, effort,
cost, time and quality. It was proposed by Barry Boehm in 1970 and is
based on the study of 63 projects, which make it one of the best-
documented models.

The key parameters which define the quality of any software products,
which are also an outcome of the Cocomo are primarily Effort & Schedule:

• Effort: Amount of labor that will be required to complete a task. It is

measured in person-months units.

• Schedule: Simply means the amount of time required for the completion
of the job, which is, of course, proportional to the effort put. It is measured
in the units of time such as weeks, months.
Different models of Cocomo have been proposed to predict the cost
estimation at different levels, based on the amount of accuracy and
correctness required. All of these models can be applied to a variety of
projects, whose characteristics determine the value of constant to be used
in subsequent calculations. These characteristics pertaining to different
system types are mentioned below.

Boehm’s definition of organic, semidetached, and embedded systems:

1. Organic – A software project is said to be an organic type if the team size
required is adequately small, the problem is well understood and has been
solved in the past and also the team members have a nominal experience
regarding the problem.
2. Semi-detached – A software project is said to be a Semi-detached type if
the vital characteristics such as team-size, experience, knowledge of the
various programming environment lie in between that of organic and
Embedded. The projects classified as Semi-Detached are comparatively less
familiar and difficult to develop compared to the organic ones and require
more experience and better guidance and creativity. Eg: Compilers or
different Embedded Systems can be considered of Semi-Detached type.

51
GROCERY STORE

3. Embedded – A software project with requiring the highest level of

complexity, creativity, and experience requirement fall under this category.
Such software requires a larger team size than the other two models and
also the developers need to be sufficiently experienced and creative to
develop such complex models. All the above system types utilize different
values of the constants used in Effort Calculations.

Types of Models: COCOMO consists of a hierarchy of three increasingly

detailed and accurate forms. Any of the three forms can be adopted
according to our requirements.
These are types of COCOMO model:
1. Basic COCOMO Model
2. Intermediate COCOMO Model
3. Detailed COCOMO Model
The first level, Basic COCOMO can be used for quick and slightly rough
calculations of Software Costs. Its accuracy is somewhat restricted due to
the absence of sufficient factor considerations.
Intermediate COCOMO takes these Cost Drivers into account and
Detailed COCOMO additionally accounts for the influence of individual
project phases, i.e in case of Detailed it accounts for both these cost drivers
and also calculations are performed phase wise henceforth producing a
more accurate result. These two models are further discussed below.

Estimation of Effort: Calculations –

1. Basic Model –

E= a(KLOC)^b
time= c(Effort)^d
Person required = Effort/ time

The above formula is used for the cost estimation of for the basic COCOMO
model, and also is used in the subsequent models.
2. Intermediate Model –
The basic Cocomo model assumes that the effort is only a function of the
number of lines of code and some constants evaluated according to the
different software system. However, in reality, no system’s effort and
schedule can be solely calculated on the basis of Lines of Code. For that
various other factors such as reliability, experience, capability. These

52
GROCERY STORE

factors are known as Cost Drivers and the Intermediate Model utilizes 15
such drivers for cost estimation.
Classification of Cost Drivers and their attributes:
(i) Product attributes –
• Required software reliability extent
• Size of the application database
• The complexity of the product
(ii) Hardware attributes –
• Run-time performance constraints
• Memory constraints
• The volatility of the virtual machine environment
• Required turnabout time
(iii) Personnel attributes –
• Analyst capability
• Software engineering capability
• Applications experience
• Virtual machine experience
• Programming language experience
(iv) Project attributes –
• Use of software tools
• Application of software engineering methods
• Required development schedule

The project manager is to rate these 15 different parameters for a

particular project on a scale of one to three. Then, depending on these
ratings, appropriate cost driver values are taken from the above table.
These 15 values are then multiplied to calculate the EAF (Effort Adjustment
Factor). The Intermediate COCOMO formula now takes the form:

E= (a(KLOC)^b)*EAF

3. Detailed Model –
Detailed COCOMO incorporates all characteristics of the intermediate
version with an assessment of the cost driver’s impact on each step of the
software engineering process. The detailed model uses different effort
multipliers for each cost driver attribute. In detailed cocomo, the whole
software is divided into different modules and then we apply COCOMO
in different modules to estimate effort and then sum the effort.

53
GROCERY STORE

The Six phases of detailed COCOMO are:

1. Planning and requirements
2. System design
3. Detailed design
4. Module code and test
5. Integration and test
6. Cost Constructive model
The effort is calculated as a function of program size and a set of cost
drivers are given according to each phase of the software lifecycle.

54
GROCERY STORE

SCHEDULING TECHNIQUES
Project planning is the first phase of any project to be going to develop. In
project planning all the necessary and important information and
requirements should be writing and apply to developing a perfect
software system.

Project scheduling is the process by which the various activities that need
to be undertaken during a projects lifetime should be scheduled. There are
a range of activity management tools that are commercially available.

Project Planning & Scheduling is done to increase the likelihood that a

project will be implemented efficiently, effectively and successfully.

GANTT CHART
It is a graphical representation of the duration of tasks against the
progression of time. It can be developed for the entire project or a
separate chart can be developed for each function. It is a popular tool used
to plan projected schedule. It provides a quick view of the way the project
is expected to proceed. A tabular form is maintained where rows indicate
the tasks with milestones and columns indicate duration (weeks/months).
It is a static chart which depicts the picture on a particular date.

55
GROCERY STORE

PERT CHART
A PERT chart is a graphic representation of a project’s schedule, showing
the sequence of tasks, which tasks can be performed simultaneously, and
the critical path of tasks that must be completed on time in order for the
project to meet its completion deadline. It represents each task of a
project as a box (circle or rectangle), arrows between tasks are used
to show the sequence and task dependencies (i.e. which tasks need to
be complete before others can start).

It is mainly used for high-risk projects with various estimation parameters.

PERT CHART

56
GROCERY STORE

RISK ANALYSIS AND MANAGEMENT

A risk may be defined as a potential problem. It may or may not occur. But,
it should always be assumed that it may occur and necessary steps are to
be taken.
Risks can arise from various factors like improper technical knowledge or
lack of communication between team members, lack of knowledge about
software products, market status, hardware resources, competing software
companies, etc.

Basis for Different Types of Software risks

• Skills or Knowledge: The persons involved in activities of problem
analysis, design, coding and testing have to be fully aware of the
activities and various techniques at each phase of the software
development cycle. In case, they have partial knowledge or lacks
adequate skill, the products may face many risks at the current stage of
development or at later stages.
• Interface modules: Complete software contains various modules and
each module sends and receives information to other modules and their
concerned data types have to match.
• Poor knowledge of tools: If the team or individual members have poor
knowledge of tools used in the software product, then the final product
will have many risks, since it is not thoroughly tested.
• Programming Skills: The code developed has to be efficient, thereby,
occupying less memory space and less CPU cycles to compute given task.
The software product should be able to implement various object
oriented techniques and be able to catch exceptions in case of errors.
Various data values have to be checked and in case of improper values,
appropriate messages have to be displayed. If this is not done, then it
leads to risk, thereby creating panic in the software computations.
• Management Issues: The management of the organisation should give
proper training to the project staff, arrange some recreation activities,
give bonus and promotions and interact with all members of the project
and try to solve their necessities at the best. It should take care that
team members and the project manager have healthy coordination, and
in case there are some differences they should solve or make minor
shuffles.
• Updates in the hardware resources: The team should be aware of the
latest updates in the hardware resources, such as latest CPU (Intel P4,

57
GROCERY STORE

Motorola series, etc.), peripherals, etc. In case the developer makes a

product, and later in the market, a new product is released, the product
should support minimum features. Otherwise, it is considered a risk,
and may lead to the failure of the project.
• Extra support: The software should be able to support a set of a few
extra features in the vicinity of the product to be developed.
• Customer Risks: Customer should have proper knowledge of the
product needed, and should not be in a hurry to get the work done. He
should take care that all the features are implemented and tested. He
should take the help of a few external personnel as needed to test the
product and should arrange for demonstrations with a set of technical
and managerial persons from his office.
• External Risks: The software should have backup in CD, tapes, etc., fully
encrypted with full licence facilities. The software can be stored at
various important locations to avoid any external calamities like floods,
earthquakes, etc. Encryption is maintained such that no external
persons from the team can tap the source code.
• Commercial Risks: The organisation should be aware of various
competing vendors in the market and various risks involved if their
product is not delivered on time. They should have statistics of projects
and risks involved from their previous experience and should have
skilled personnel.

RISK MANAGEMENT:
A priority is given to risk and the highest priority risk is handled first.
Various factors of the risk are who are the involved team members, what
hardware and software items are needed, where, when and why are
resolved during risk management. The risk manager does scheduling of
risks. Risk management can be further categorised as follows:
1. Risk Avoidance
a. Risk anticipation
b. Risk tools
2. Risk Detection
a. Risk analysis
b. Risk category
c. Risk prioritisation
3. Risk Control
a. Risk pending
b. Risk resolution
58
GROCERY STORE

c. Risk not solvable

4. Risk Recovery
a. Full
b. Partial
c. Extra/alternate feature

59
GROCERY STORE

DATA DICTIONARY

Registration Table:
S.R Field Name Data type Size Validation
1. Cust id Int 10 Primary key
2. Username Varchar 10
3. Password Varchar 30
4. Name Varchar 101
5. Address Varchar 300
6. Contact no Varchar 12
7. Email Varchar 500

Customer Table:
S.R Field Name Data type Size Validation
1. Cust_id Int 10 Primary key
2. Username Varchar 10
3. Password Varchar 30
4. Name Varchar 101
5. Address Varchar 300
6. Contact_no Varchar 12
7. Email Varchar 500

Product Table:
S.R Field Name Data type Size Validation
1. Pro_id Varchar 10 Primary key
2. Pro Name Varchar 300
3. Price Varchar 100
4. Description Varchar 300
5. Company Integer 5
6. Pic Datetime

60
GROCERY STORE

Payment Table:
S.R Field Name Data Type Size Validation
1. Receipt No Varchar 20 Primary key
2. Pay date Varchar 200
3. Amount Date 10
4. Cust_ID Varchar 67 Foregin Key
5. Card Type Varchar 50
6. Bank Name Integer 10
7. Card No Integer 23

Order Table:
S.R Field Name Data Type Size Validation
1. OID Varchar 20 Primary key
2. Cust_ID Varchar 200 Foregin Key
3. Product Date Date 10
4. Amount Varchar 67
5. Order date Varchar 50
6. Product Name Varchar 100
7. Quantity Varchar 56

Admin
Field Name Data Type Size Allow Null

Ad_ID Varchar(50) Admin ID Primary key

Ad_Pwd Varchar(20) Admin Password Not Null

AdEmailID Varchar(50) Admin Email ID Not Null

61
GROCERY STORE

SYSTEM DESIGN

MODULAR DESCRIPTION

1. ADMIN MODULE: - Admin module is mainly for the owner of the

system. This module performs the work of regular checking process.
Everyone needs current information about anything. So, this module is
responsible for updating the information continuously if any, in the
system so that one can find timely information.

2. CUSTOMER MODULE:- In the customer module, the customer will use

this website to on-line shopping. And also the customer sends the
request to the shopping.

3. PAYMENT MODULE:- In this module, the customer will payment

in different mode like credit card, debit card, internet banking etc.

4. ORDER MODULE: - In this module, the all selected item could be

purchased by the customer after the online payment.

5. PRODUCT TRACKING MODULE: - In this module, the customer

demand for the product and payment for that product and after
that the customer will contact with the product tracking module.

6. SEARCH MODULE: - Search module provides search facilities to

the search different product to the purchase.

7. PRODUCT: - In this module, the details of all the products are

maintained available on the portal for sale.

62
GROCERY STORE

PROCESS LOGIC

63
GROCERY STORE

ER-DIAGRAM

64
GROCERY STORE

DATA FLOW DIAGRAM

ZERO LEVEL DFD

65
GROCERY STORE

FIRST LEVEL DFD

66
GROCERY STORE

SECOND LEVEL DFD

Second Level Diagram: Search Product

67
GROCERY STORE

Second Level Diagram: Order Product

68
GROCERY STORE

Second Level Diagram: Return Order

69
GROCERY STORE

CLASS DIAGRAM

70
GROCERY STORE

USE CASE DIAGRAM

71
GROCERY STORE

TESTING
• Software Testing is essentially a validation process involved that analyses
the software from various aspects to verify if it satisfies the expected
functionality.
• It detects the defects early & contributes to the increased quality of the
project.
• It minimises the overall cost of the software product.
• It checks if the system meets the non-functional requirements.
• It analyses the software adherence to the given specifications & overall
correctness.

TESTING LIFE CYCLE:

1. Testing Requirements Analysis & Test Planning
• Collecting existing test artefacts
• Review Test requirements for correctness
• Create test strategy
2. Test Case Preparation
• Analyse various scenarios for required test cases
• Prepare test cases
3. Test Scripting & Automation Plan
• Develop test scripts which can be automated
• Prepare manual testing steps
4. Text Execution
• Perform testing as per the plan
• Document test results & bug reports for failed cases.

TEST PLANS:
It is comprehensive planning document which covers the following aspects:
• Document containing details about scope, schedule & resources for
testing throughout the lifecycle of the project.
• It should cover all kinds of testing that will be carried out in the project.
• It should specify the testing approach.
• It should contain key features that need to be tested.
• It should contain the list of test deliverables.

72
GROCERY STORE

TYPES OF TESTING

1. White Box Testing/Structural Testing/Glass Box Testing

2. Black Box Testing/Functional Testing

White Box Testing

Its goal is to test the internal code of the software. It tests the program at
the level of source code. Here, the tester has the knowledge of the actual
source code of the software & the inner structure of the program. Test
Cases are written with the knowledge of the logic of the program. Here, we
only focus on the testing of accuracy of the logic of the program with
different inputs to ensure that each statement of code is executed & tested.

Black Box Testing

The purpose of black box testing is to test the software from its
functionality point of view. Here, the software is tested to check whether
the software fulfils all the specified requirements. The internal details/code
is not known to the tester. The tester only tests the functionality of the
program by supplying an input & observing the output.
Black box testing is a detailed inspection of the software functionality
against the already specified requirements. The Test Cases are written for
each & every requirement specified.

LEVELS OF TESTING
1. Unit Testing
2. Integration Testing
3. Regression Testing
4. System Testing
5. Acceptance Testing

1. Unit Testing
It is a procedure use to verify that a particular segment of code is working
properly. The goal of unit testing is to isolate each part of the program &
show that the individual parts are correct. It falls under the category of
white box testing. This type of testing is mostly done by the developers.

2. Integration Testing
A group of related programs that achieve a single task in an application is
usually known as a module. It is the phase of software testing in which
73
GROCERY STORE

individual software modules are combined and tested as a group. It takes

the modules checked by the unit testing & groups them in a larger
aggregate & performs testing on these aggregates. The purpose of
integration testing is to test whether the integration of modules have been
done correctly or not. It falls under the category of black box testing as well
as white box testing.

3. Regression Testing
This testing is performed whenever any change is made to the code or a
new module is implemented and integrated, all the possible test cases
those that have been executed before are also executed again to ensure that
no error entered into the software due to changes. Regression testing is
very important & performed by the QA team. So, whenever a new module is
added, we first test the functionality of this new module & then perform
Regression Testing to see the impact of this change.

4. System Testing
It is done on a complete, integrated system to evaluate the system’s
compliance with its specified requirements. At this level, the complete
system is tested as a whole with all parts integrated together in an
operational environment. It falls under the category of black box testing.

To test various parts & aspects of the complete system, System testing is a
collection of different types of tests:
a. Stress Testing: It is performed to test the stability of a system in
abnormal conditions. The goal of stress testing is to make sure that the
system does not stop abruptly in case of heavy demands in terms of
resources such as memory, disk space etc. It is performed by executing the
system in such a manner that the system demands resources in enormous
quantities beyond normal capacity till the breaking point. Then the results
are obtained.
b. Security Testing: It is crucial for software’s that deals with the
sensitive date and information. When a system uses sensitive date &
information, it is very important to perform security testing. Security
testing is performed by experienced testers. They tests the protection
mechanism implemented in the system. They are asked to execute the
system as a person who wishes to penetrate the system.
c. Recovery Testing: It is also called Failure Testing. This testing is
performed to test the recovery mechanism of the system. It is performed to
74
GROCERY STORE

test whether the system is fault tolerant or not. The tester knowingly and
forcefully causes the failure of the system & observes if the recovery takes
place as it should. They also test the time taken by a system to recover in
case of any failure. A well-developed system must be either able to recover
from failure by itself & resume normally without causing any harm.
d. Performance Testing: This testing is performed to test the system
for its performance mainly in terms of time taken to respond. It is equally
important that the software response time should be within the acceptable
ranges to the end user. Time taken to perform a task by software is of
utmost concern to the end user.

5. Acceptance Testing
After the system testing is completed, the software is tested by the
client/user. This is known as acceptance testing. This testing can be done
either at developer’s site or client’s site. This testing is performed by the
end users who would actually use the software as the end user always
executes the software from a different perspective. The purpose of
acceptance testing is to find only, if the actual user is ready to accept the
software that has been developed.
It is of 2 types:
a. Alpha Testing: In this testing, the end user performs the testing at
developer’s site itself. The software is used by the end user while the
developer observes the process. The Developer focus on noticing the
usability problems faced by the end user as well as the errors encountered.
It is performed in a controlled environment.
b. Beta Testing: This testing is performed at the site of the end user
in the absence of developer. The software product is treated as “Live”
application by the end user & used in its natural way. The end user tests the
software & records all the errors encountered. The recorded errors are
conveyed to the developer for fixing. It is performed in live environment.

75
GROCERY STORE

TEST CASES
What are test cases?
A test case is a set of conditions or variables under which a tester will
determine whether a system under test satisfies requirements or work
correctly.
The process of developing test cases can also help find problems in the
requirements or design of an application. Test cases helps to guide the
tester through a sequence of steps to validate whether a software
application is free of bugs and working as required by the end user.

Why test cases are written?

When writing test cases, it’s important to put yourself in the user’s shoes
and include all the necessary details. Putting forth the extra effort to write
good test cases upfront will save time and effort further down the road.
Writing test cases – especially a high volume of them at one time – can be a
time consuming task. Test Lodge makes it easy to write high quality test
cases and keep them organized. Here, we’ve outlined some tips on how to
write test cases, along with a sample of a test case at the end of this article.

76
GROCERY STORE

TEST CASES FOR registration.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
001 Testing the 1. Run the ID Same Pass
Customer ID Auto registration page for Automatically
Filled when Page Customer. Generate in
is loaded 2. In Customer ID Numeric
textbox auto value.
generated Id visible.
002 Testing the 1. Run the Error Same Pass
Register button registration page. Message
without type any 2. Click on Register Shown From
values. Button. all textboxes
“Required
Field Can’t be
blank”.
003 Testing the 1. Run the Record Saved Same Pass
Register Button registration page. and message
After Filling all 2. Fill All Required comes
the textbox Fields. Data. Registration
3. Click on Register Successfully.
Button.
004 Testing The Email 1. Run the Error Same Pass
Id in Wrong registration page. Message
Format. 2. In Email ID comes from
textbox fill wrong Email Id
format of emailed. Textbox
3. Click on Register “Please
Button Include @ in
Email Id”.
005 Testing the 1. Run the Password Same Pass
Password registration page. Becomes in *
Textbox in* 2. Fill Password. Format
3.Click on Register
Button
006 Testing the Date 1. Run the A date box Same Pass
of Birth Box registration page. appear where
2. Click on Date of we can select
Birth Box. our date of
birth easily.
007 Testing the Phone 1. Run the Error Same Pass
No. Textbox registration page. Message
2. In Phone No. comes from

77
GROCERY STORE

textbox fill wrong Phone No.

format of Phone No. Textbox
3. Click on Register “Phone no
Button. should be
numeric”.
008 Testing the Full 1. Run the Error Same Pass
Name Textbox registration page. Message
2. In Full Name comes from
textbox fill wrong Full Name
format of Full Name. Textbox “Full
3. Click on Register Name should
Button. be text only”.

TEST CASES FOR vendorRegisteration.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
009 Testing the 1. Run the ID Same Pass
Vendor ID Auto registration page for Automatically
Filled when Page Vendor. Generate in
is loaded 2. In Vendor ID Numeric
textbox auto value.
generated Id visible.
010 Testing the 1. Run the Error Same Pass
Register button registration page. Message
without type any 2. Click on Register Shown From
values. Button. all textboxes
“Required
Field Can’t be
blank”.
011 Testing the 1. Run the Record Saved Same Pass
Register Button registration page. and message
After Filling all 2. Fill All Required comes
the textbox Fields. Data. Registration
3. Click on Register Successfully.
Button.
012 Testing The Email 1. Run the Error Same Pass
Id in Wrong registration page. Message
Format. 2. In Email ID comes from
textbox fill wrong Email Id
format of emailed. Textbox
3. Click on Register “Please
Button Include @ in

78
GROCERY STORE

Email Id”.
013 Testing the 1. Run the Password Same Pass
Password registration page. Becomes in *
Textbox in* 2. Fill Password. Format
3.Click on Register
Button
014 Testing the PAN 1. Run the PAN in Same Pass
textbox registration page. alphanumeric
2. Fill PAN in char & Format
numeric type both. accepted
3. Click on Register
Button.
015 Testing the Phone 1. Run the Error Same Pass
No. Textbox registration page. Message
2. In Phone No. comes from
textbox fill wrong Phone No.
format of Phone No. Textbox
3. Click on Register “Phone no
Button. should be
numeric”.
016 Testing the Full 1. Run the Error Same Pass
Name Text box registration page. Message
2. In Full Name comes from
textbox fill wrong Full Name
format of Full Name. Textbox “Full
3. Click on Register Name should
Button. be text only”.
017 Testing the GST 1. Run the GST No. in Same Pass
No textbox registration page. alphanumeric
2. Fill Address in Format
char & numeric type accepted
both.
3. Click on Register
Button.
018 Testing the 1. Run the Address in Same Pass
Address textbox registration page. alphanumeric
2. Fill Address in Format
char & numeric type accepted
both.
3. Click on Register
Button.

79
GROCERY STORE

TEST CASES FOR login.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
019 Testing the Text 1. Run the login Error Message Same Pass
box1 page.
2. Click the Login
Button
020 Testing the Text 1. Run the login Error Message Same Pass
box2 page.
2. Click the Login
Button.
021 Testing the * on 1. Run the login Typed Values Same Pass
Password page. becomes in star “*”
2. Type Password Mode
in Textbox2.
3. Click the Login
Button.
022 Testing The 1. Run the login Open home.jsp Same Pass
login Button page.
2. Type Valid
Username in
Textbox1 and
Password in
Textbox2.
023 Testing the 1. Run the login Error Message. Same Pass
login button page. “Invalid UserId
with wrong 2. Type Invalid and Password.”
value. Userid and
Passwords
3. Click the Login
Button
024 Testing the 1. Run the login Error Message Same Pass
login button page. Show--- “Invalid
with valid 2. Fill the Valid Username and
Username and Username in Password”
Invalid Textbox1.
Password. 3. Fill Invalid
Password in
TextBox2.
4. Click on login
Button.
025 Testing the 1. Run the login Error Message Same Pass
login button page. Show--- “Invalid

80
GROCERY STORE

with invalid 2. Fill the Invalid Username and

Username and Username in Password”
valid Password. Textbox1.
3. Fill Valid
Password in
Textbox2.
4. Click on login
Button.
026 Testing the 1. Run the login Check Box checked Same Pass
checkbox page. and Password will
Remember me 2. Fill Valid Userid be reminded.
and Password.
3. Click on Login
Button
027 Testing the 1. Run the login Open Same Pass
forget password page. forgetPassword.jsp
Link. 2. Click on forget
Password Link.

TEST CASES FOR changePassword.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
028 Testing the 1. Run change Password typed Same Pass
Current password page. values becomes in
Password Text 2. Type Valid * symbol
box Password.
029 Testing the 1. Run the change Error Message Same Pass
Proceed Button Password page Show “Sorry
page. Invalid
2. Type Valid Credentials.”
Current Password.
3. New password
text box leave
blank.
4. Click on Proceed
Button.
030 Testing the 1. Run the change Error Message Same Pass
Proceed Button Password page. Show “Sorry
with wrong 2. Type wrong Invalid
Password. Password. Credentials.”
3. Click on Proceed
Button.
031 Testing Update 1. Run the change Message Appear Same Pass

81
GROCERY STORE

button Password page. Password Changed

2. Type Valid Successfully
Current Password.
3. Type new
Password and click
on Proceed.

TEST CASES FOR forgetPassword.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
032 Testing the Send 1. Run The forget Error Message Same Pass
Button Password Page. Comes From Text
2. Blank all Text Field. “Required
Field. Field Can’t Be
3. Click on Send Blank”
Button.
033 Testing the Send 1. Run the forget Error message Same Pass
Button With Password page. comes from Email
Invalid Email Id. 2. Type wrong Id Field. “Please
email Id. Enter a valid Email
3. Click on Send Id.”
Button.
034 Testing the 1. Run the forget Error Message Same Pass
Email Id. Password page. Comes from Email
2. Type wrong Id text Box. “Please
format of Email Id Enter Email Id
select option. with @”
3. Click on Send
Button.
035 Testing the Send 1. Run the forget Message Comes Same Pass
Button with Password page. “Password
Valid Email Id 2. Type valid Email Updated
Id. Successfully”.
3. Click on Send
Button.

82
GROCERY STORE

TEST CASES FOR contact.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
036 Testing the Send 1. Run The contact Error Message Same Pass
Now Button Page. Comes From this
Without Fill any 2. Keep Blank all page. “Required
Data. Text box field. Field Can’t Be
3. Click on Send Blank”
Button.
037 Testing the Send 1. Run the contact Message Not Send Same Pass
Now Button page. and Error
With Invalid 2. Type wrong message. Invalid
Email Id. email Id. Email ID.
3. Click on Send
Button.
038 Testing the Send 1. Run the contact A label appears Same Pass
Now Button page. with Message
with valid Email 2. Fill All the valid “Your Message Has
Id. data in Text Boxes. Been Send
3. Click on Send Successfully.”
Button.
039 Testing the 1. Run the contact Message appears Same Pass
Subject Filled page. “Your message Has
2. Fill All the Valid been Send
Data in Text Boxes. Successfully”. In
3. In Subject Field mail our subject
type our Subject. should be
4. Click on Send appearing.
Button.
040 Testing the 1. Run the contact Check your Mail Same Pass
Message Filed. page. with Message.
2. Fill All the Valid
Data in Text Boxes.
3. Type your
message in
message filed.
4. Click on Send
Now.

83
GROCERY STORE

TEST CASES FOR grocery.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
041 Testing the Link 1. Run the home The Related Same Pass
Button on home page product category
page 2. Click on Any open.
Link.
042 Testing for the 1. Run the grocery Page Link with Same Pass
Buy Now page. Payment page.
Button. 2. Click on Any
Link.
3. Click on Buy
Now Button.
043 Testing for Add 1. Run the grocery Message Appear Same Pass
to Cart Button page. Your Product is
2. Click on any link. Added to Add to
3. Select the Cart
product.
4. Click on Add to
Cart Button.
044 Testing Buy 1. Run the grocery Message appear Same Pass
Now Button. page. your Product is
2. Click on Any Added to Add to
Link. cart
3. Select the
product.
4. Click on Add to
cart Button.
045 Testing Buy 1. Run the grocery Error Message Same Pass
button without page. Appear. Please
Select any 2. Click on any Select Your
Product. Link. Product
3. Don’t Select any
Product.
4. Click on Buy
Button.
046 Testing Add to 1. Run the grocery Error Message Same Pass
Cart Button page. Appear. Please
without select 2. Click on Any select Your
any Product. Link. Product
3. Don’t Select any
Product.
4. Click on Add to

84
GROCERY STORE

Cart Button.

TEST CASES FOR payment.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
047 Testing for Pay 1. Run the payment Message Comes Same Pass
Button with page Payment Done
Valid Data. 2. Fill All Valid Successfully
Data.
3. Click on Pay
Button.
048 Testing the Pay 1. Run the payment Error Message Same Pass
Button with page. comes Invalid Data
Invalid Data. 2. Fill Invalid Data.
3. Click on Pay
Button.
049 Testing for Pay 1. Run the Payment Error Message Same Pass
Button With Page. comes Invalid Data
Blank Data 2. Keep data filed
Field. blank.
3. Click on Pay
Button.
050 Testing for Auto 1. Run the PaymentCurrent System Same Pass
Generate Date Page. Date should
appear.
051 Testing for Auto 1. Run the payment Transaction Id Same Pass
Generate page. Auto Generated.
Transaction Id 2. Fill all Valid
Data.
3. Click on Pay
Button.
052 Testing for Print 1. Run the payment Page Ready for Same Pass
Button. page. Print.
2. Fill All Valid
Data.
3. Click on Pay
Button.
4. Click on Print.
053 Testing for 1. Run the payment All the Items of Same Pass
Dropdown page. Dropdown field
Field. 2. Click on should be Appear
Dropdown field. where we can
easily select on
85
GROCERY STORE

choice value.

TEST CASES FOR viewcart.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
054 Testing View 1. Run the View Auto filled data Same Pass
Cart Page. Cart page comes with correct
information.
055 Testing for the 1. Run the View It must be matched Same Pass
Image. Cart page. with Uploaded
2. Check the image Image.
and match with
database that is
actual or not.
056 Testing for the 1. Run the View All the filled Data Same Pass
Data. Cart Page. must be matched
2. Match all the with Database.
data from the
Database.

TEST CASES FOR AdminHome.jsp

TC-ID OBJECTIVE DESCRIPTION EXPECTED ACTUAL STATUS

RESULT RESULT
057 Testing for Add 1.Run the Admin Redirect to Add Same Pass
products button. Home page product page.
2. Click on Add
product Button
058 Testing for 1. Run the Admin Redirect to Search Same Pass
Search Payment Home page. Payment page.
button. 2. Click on Search
Payment Button.
059 Testing for Edit 1. Run the View Redirect to Edit Same Pass
Order button. Cart Page. Order page.
2. Click on Edit
Order Button.
060 Testing for 1. Run the View Redirect to Search Same Pass
Search Cart Page. Customer page.
Customer 2. Click on Search
button. Customer Button.

86
GROCERY STORE

TEST/BUG REPORT
BUG REPORT
A bugs report or defects report is a list of bugs found out by testers while
testing a software product in testing phase under a testing environment.
The test environment is created at development site similar to the actual
environment in which the software is supposed to work or run in live
situation at customer site.

How can we prepare good Bug Report?

If our bug report is effective, then its chances are higher to get fixed. So
fixing a bug depends on how effectively you report it. Reporting a bug is
nothing but a skill and I will explain you how to achieve this skill.

“The point of writing problem report (bug report) is to get bugs fixed”
– By Cem Kaner.

If a tester is not reporting bug correctly, programmer will most likely reject
this bug stating as irreproducible. This can hurt tester’s moral and
sometime ego also. (I suggest not to keep any type of ego. Ego’s like “I have
reported bug correctly”, “I can reproduce it” “Why he/she has rejected the
bug?”, “It’s not my fault” etc.

DEFECT LIFE CYCLE

What is Defect Life Cycle?

Defect life cycle, also known as Bug Life cycle is the journey of a defect
cycle, which a defect goes through during its lifetime. It varies from
organization to organization and also from project to project as it governed
by the software testing process and also depends upon the tools used.

87
GROCERY STORE

DEFECT LIFE CYCLE STATES:

➢ New – Potential defect that is raised and yet to be validated.

➢ Assigned – Assigned against a development team to address it but
not yet resolved.
➢ Open – The Defect is being addressed by the developer and
investigation is under process. At this stage there are two possible
outcomes; viz – Deffered or Rejected.
➢ Test – The Defect is fixed and ready for testing.
➢ Verified – The Defect that is retested and the test has been verified
by QA.

88
GROCERY STORE

➢ Closed – The final state of defect that can be closed after the QA
retesting or can be closed if the defect is duplicate or considered as
NOT a defect.
➢ Reopened – When the defect is NOT fixed, QA reopens/reactivates
the defect.
➢ Deferred – When a defect cannot be addressed in that particular
cycle it is deferred to future release.
➢ Rejected – A defect can be rejected for any of the 3 reasons; viz –
duplicate defect, NOT a Defect, Non Reproducible.

TC-ID: TC : 024 Website: login.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing the login button with valid Username and Invalid Password.

Description
1. Run the login page.
2. Fill the Valid Username in Textbox1.
3. Fill Invalid Password in Textbox2.
4. Click on login Button.

Expected Result
Error Message Show---
“Invalid Username and Password”

Actual Result
Open home.jsp

89
GROCERY STORE

TC-ID: TC : 031 Website: changePassword.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing Update button

Description
1. Run the change Password page.
2. Type Valid Current Password.
3. Type new Password and click on Proceed.

Expected Result
Message Appear Password Changed Successfully

Actual Result
Error Message appears “Invalid Credentials.”

90
GROCERY STORE

TC-ID: TC : 035 Website: forgetPassword.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing the Send Button with Valid Email Id

Description
1. Run the forget Password page.
2. Type valid Email Id.
3. Click on Send Button.

Expected Result
Message Comes “Password Updated Successfully”.

Actual Result
Error Message appears “Invalid Credentials.”

91
GROCERY STORE

TC-ID: TC : 039 Website: contact.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing the Subject Filled

Description
1. Run the contact page.
2. Fill All the Valid Data in Text Boxes.
3. In Subject Field type our Subject.
4. Click on Send Button.

Expected Result
Message appears “Your message Has been Send Successfully”. In mail our subject should
be appearing.

Actual Result
Error Message appears “Check Email Id.”

92
GROCERY STORE

TC-ID: TC : 043 Website: grocery.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing for Add to Cart Button

Description
1. Run the grocery page.
2. Click on any link.
3. Select the product.
4. Click on Add to Cart Button.

Expected Result
Message Appear Your Product is Added to Add to Cart

Actual Result
Error Message appears from webpage.

93
GROCERY STORE

TC-ID: TC : 052 Website: payment.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing for Print Button.

Description
1. Run the payment page.
2. Fill All Valid Data.
3. Click on Pay Button.
4. Click on Print.

Expected Result
Page Ready for Print.

Actual Result
Error Message appears “Invalid Details”.

94
GROCERY STORE

TC-ID: TC : 057 Website: AdminHome.jsp

Tester Name : Mr. Prateek Singh Test Date: 06/06/2021
Objective

Testing for Add products button.

Description
1.Run the Admin Home page
2. Click on Add product Button

Expected Result
Redirect to Add product page.

Actual Result
Not Redirect to any page.

95
GROCERY STORE

DEBUGGING
Debugging is the act of analysing & locating the root cause of defects/errors
identified during the test phase. This is a process involving root cause
analysis & formulating a hypothesis about the probable cause of the defect.

Debugging Approaches:
The following are a number of approaches popularly adopted by
programmers for debugging.

• Brute Force Method:

This is the foremost common technique of debugging however that is the
least economical method. During this approach, the program is loaded with
print statements to print the intermediate values with the hope that a
number of the written values can facilitate to spot the statement in error.
This approach becomes a lot of systematic with the utilization of a symbolic
program (also known as a source code debugger), as a result of values of
various variables will be simply checked and breakpoints and watch points
can be easily set to check the values of variables effortlessly.
• Backtracking:
This is additionally a reasonably common approach. During this approach,
starting from the statement at which an error symptom has been
discovered, the source code is derived backward till the error is discovered.
Sadly, because the variety of supply lines to be derived back will increase,
the quantity of potential backward methods will increase and should
become unmanageably large so limiting the utilization of this approach.
• Cause Elimination Method:
In this approach, a listing of causes that may presumably have contributed
to the error symptom is developed and tests are conducted to eliminate
every. A connected technique of identification of the error from the error
symptom is that the package fault tree analysis.
• Program Slicing:
This technique is analogous to backtracking. Here the search house is
reduced by process slices. A slice of a program for a specific variable at a
particular statement is that the set of supply lines preceding this statement
which will influence the worth of that variable.

96
GROCERY STORE

CODE IMPROVEMENT
An exception is a problem that arises during the execution of a program. A
JSP exception is a response to an exceptional circumstance that arises while
a program is running, such as an attempt to divide by zero.

Exceptions provide a way to transfer control from one part of a program to

another. JSP exception handling is built upon four keywords: try, catch,
finally, and throw.

try - A try block identifies a block of code for which particular exceptions is
activated. It is followed by one or more catch blocks.

catch - A program catches an exception with an exception handler at the

place in a program where you want to handle the problem. The catch
keyword indicates the catching of an exception.

finally - The finally block is used to execute a given set of statements,

whether an exception is thrown or not thrown. For example, if you open a
file, it must be closed whether an exception is raised or not.

throw - A program throws an exception when a problem shows up. This is

done using a throw keyword.

Syntax
Assuming a block raises an exception, a method catches an exception using
a combination of the try and catch keywords. A try/catch block is placed
around the code that might generate an exception. Code within a try/catch
block is referred to as protected code, and the syntax for using try/catch
looks like the following -

try {
// statements causing exception
} catch( ExceptionName e1 ) {
// error handling code
} catch( ExceptionName e2 ) {
// error handling code
} catch( ExceptionName eN ) {
// error handling code
} finally {
97
GROCERY STORE

// statements to be executed
}

You can list down multiple catch statements to catch different type of
exceptions in case your try block raises more than one exception in
different situations.

98
GROCERY STORE

IMPLEMENTATION OF SECURITY
Information assets often include personal information (also called personal
data) Security is one of the main enablers of data protection. To guarantee
an adequate level of protection, organisations must implement a risk
management process, which assesses the security risks of processing
personal data. They must then implement security measures to deal with
the identified risks. These measures may include organisational measures
(e.g. policies, procedures etc.) or technical ones (e.g. the implementation of
antivirus software, backup files etc.).

DATABASE SECURITY
A privilege is a type of permission for an authorization name, or a
permission to perform an action or a task. The privilege allows a user to
create or access database resources. Privileges are stored in the database
catalogues. Authorized users can pass on privileges on their own objects to
other users by using the GRANT statement. Privileges can be granted to
individual users, to groups, or to PUBLIC. PUBLIC is a special group that
consists of all users, including future users. Users that are members of a
group will indirectly take advantage of the privileges granted to the group,
where groups are supported.

A role is a database object that groups one or more privileges. Roles can be
assigned to users or groups or other roles by using the GRANT statement.
Users that are members of roles have the privileges that are defined for the
role with which to access data.

GRANT Command: Grant command is used to provide access or privileges

on the database objects to the users.
The syntax for the GRANT command is:

GRANT privilege_name ON object_name

TO {user_name | PUBLIC | role_name} [with GRANT option];

• Here, privilege_name: is the access right or privilege granted to the user.

• object_name: is the name of the database object like table, view etc.,.

99
GROCERY STORE

• user_name: is the name of the user to whom an access right is being

granted.
• Public is used to grant rights to all the users.
• With Grant option: allows users to grant access rights to other users.

REVOKE Command:
The revoke command removes user access rights or privileges to the
database objects.
The syntax for the REVOKE command is:
REVOKE privilege_name ON object_name
FROM {User_name | PUBLIC | Role_name}

VIEW Statement
A view contains rows and columns, just like a real table. The fields in a view
are fields from one or more real tables in the database.

You can add SQL functions, WHERE, and JOIN statements to a view and
present the data as if the data were coming from one single table.

CREATE VIEW Syntax

CREATE VIEW view_name AS
SELECT column1, column2, ...
FROM table_name
WHERE condition;

Why database security is needed?

Any organization gives highest priority to its data and information rather
than other components. An organization can recover any type of loss but
that organization cannot get recovered easily if there is an attempt to loss
data of organization. This is primary motivation to implement the database
security in an organization.

For the database security, I have used the following:

1. Different users have been created with their passwords, further each
user has been authorized for their respective purposes.
2. Users are categorized into different categories while creating the users
with their separate privileges.

100
GROCERY STORE

3. Views have been created so that unnecessary data and information do

not go in wrong hand.
4. I have used triggers in the database. Triggers are executed by the
database when specific types of data manipulation commands are
performed on specific tables. Such commands may include INSERT,
DELETE, and UPDATE etc. Triggers event may also include DDL command
and database events such as shutdown and logins.

DATA SECURITY
Security of any web application is one of the important aspects and cannot
be compromised specially for the web applications dealing with financial
transactions.

There are two important aspects for security-

• Preventing unauthorized users from accessing the data.
• Preventing web attackers from stealing data while it is in transit.

There are two approaches to achieve the security of web application.

a) Declarative Security- In this approach we need not to write any
code to achieve security instead configurations are done in
deployment descriptor (web.xml).
b) Programmatic Security- request object provides methods which
can be used to authenticate the users programmatically.

USERS AND ACCESS RIGHTS

For the security of the database, I have defined users in various categories
each type of user has its own access rights. Users for my system are as
follows:

1. ADMIN: - Admin controls the system and only has the permit to
perform all types of operations like INSERT, DELETE, UPDATE,
SELECT, GRANT.

2. CUSTOMER:-Access right of the customers is limited. They can

run only select command.

3. OUTSIDERS: - Outsiders can only view my system. They can

101
GROCERY STORE

only visit this websites. They cannot run any commands.

Exception Handling
JSP allows us to build Web applications with any language .We can take
advantage of this language-independent, structured exception handling.
Structured exception handling is done through try/catch/finally blocks. It
is done to handle the exception and to save the lost of information.

It has three Blocks:-

Try:-The code which may have exception is placed inside the try block.

Catch:-If an exception occurs in a try block, the catch block catches it and take
the action to save the lost of information. A try block can have multiple catch
blocks.

Finally: - An optional block which always runs either the exception occurs or
not.

102
GROCERY STORE

LIMITATIONS OF PROJECT

1. Due to constraints of time and sample responsiveness, the sample size is

limited.
2. As the questionnaire was condensed; certain factors could not be studied
indepth.
3. Nevertheless the questionnaire did provide relevant data for the study.
4. Most of the information provided in the project report is collected from
the officials of the organization.
5. The time allotted for project was 4 months.
6. We have not provided the SMS facilities.
7. We have not integrated the real world payment gateway.

103
GROCERY STORE

FUTURE SCOPE OF THE PROJECT

➢ Will add more modules like: - special offers, discounts, health

products, etc.
➢ Will Provide SMS alert for notification of order placed or other
services.
➢ Due to its reusability, extensibility and robustness rule, it can be
easily added in any other major Software.
➢ In future, mobile app also created for this application.

104
GROCERY STORE

CONCLUSION
The evidence above shows that the proposed system has gone through the
rigorous testing and validation method which is resultant into a prosper
system which has accommodated the strict security of the user data.

Waterfall model is used to develop the proposed system as it provides a

systematic and sequential approach to software development that begins at
the system level and progress through analysis, design, coding, testing,
maintenance and support.

System is enriched with the attractive user interface along with the many of
system modules which describe the functionalities of system and is more
helpful to understand the system easily. Presented UML Models explained
the relation between data, objects, classes, and how the data flows in
system. In fact the models are really helpful to understand the system
thoroughly.

All the necessary requirements related to latest hardware and software are
incorporated which is used to design the system much efficiently.

Planning & Scheduling are made to avoid the complexities during the
design of system. Such a planning and scheduling are much helpful to
deliver the system in committed time.

Test cases have been undertaken to make the system bug free which has
been done from the functionality point of view and some important
modifications are implemented to system due to the bug or error occurred
during testing.

The system has been developed with much care that it is free from errors
and at the same time it is efficient and less time consuming. The important
thing is that the system is robust. The entire system is secured. Also
provision is provided for future developments in the system. The entire
system is secured. The database approach of developing the system helped
in
• Reducing redundancy
• Improving data consistency

105
GROCERY STORE

• Establishing data integration

• Developing a speedy error free and flexible system

Thus the Online Selling to Customers System was implemented

successfully. This will help the customers to receive the grocery products at
home on their own demand.

106
GROCERY STORE

BIBLIOGRAPHY
JAVA
Head First Java Book By Bert Bates and Kathy Sierra

ORACLE
www.oracle.com

HTML, CSS AND JAVASCRIPT

www.codingblocks.com

SOFTWARE ENGINEERING
1) Software Engineering - By K.K Aggarwal and Yogesh Singh
2) Software Engineering - By Boris Beizer
3) An Integrated Approach-to Software Engineering - By PankajJalote

REFERENCES
1) www.w3schools.com
2) www.tutorialspoint.com
3) http://www.levela.com

107
GROCERY STORE

INPUT AND
OUTPUT
SCREEN

108
GROCERY STORE

index.jsp

109
GROCERY STORE

about.jsp

110
GROCERY STORE

contact.jsp

111
GROCERY STORE

feedback.jsp

112
GROCERY STORE

FAQ.jsp

113
GROCERY STORE

registration.jsp

114
GROCERY STORE

vendorRegisteration.jsp

115
GROCERY STORE

login.jsp

116
GROCERY STORE

vendorLogin.jsp

117
GROCERY STORE

home.jsp

118
GROCERY STORE

grocery.jsp

119
GROCERY STORE

personalcare.jsp

120
GROCERY STORE

hosueholditems.jsp

121
GROCERY STORE

snacks.jsp

122
GROCERY STORE

beverages.jsp

123
GROCERY STORE

instant.jsp

124
GROCERY STORE

petcare.jsp

125
GROCERY STORE

babycare.jsp

126
GROCERY STORE

viewcart.jsp

127
GROCERY STORE

TrackOrder.jsp

128
GROCERY STORE

cancelorder.jsp

129
GROCERY STORE

returnorder.jsp

130
GROCERY STORE

changePassword.jsp

131
GROCERY STORE

logout.jsp

132
GROCERY STORE

payment.jsp

133
GROCERY STORE

Receipt.jsp

134
GROCERY STORE

vendorhome.jsp

135
GROCERY STORE

addgrocery.jsp

136
GROCERY STORE

Admin/AdminLogin.jsp

137
GROCERY STORE

Admin/AdminHome.jsp

138
GROCERY STORE

Admin/searchPayment.jsp

139
GROCERY STORE

Admin/editOrder.jsp

140
GROCERY STORE

Admin/searchCustomer.jsp

141
GROCERY STORE

CODING WITH
COMMENTS
AND ERROR
HANDLING

142
GROCERY STORE

index.jsp

<%--
Document : index
Created on : 18 May, 2021, 1:46:41 PM
Author : Prateek
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP

143
GROCERY STORE

</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<section>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
class="active" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="carsouel1.jpg" class="tales" alt="pic1">
<div class="carousel-caption d-none d-md-block">
<h3 style="color:yellow">Safety bhi, Saving bhi.</h3>
<p style="color:orangered">FLAT Rs.100 cashback on first 2 orders <span
style="color:blue">Code: NEW100</span></p>
</div>
</div>
<div class="carousel-item">
<img src="carsouel2.jpg" class="tales" alt="...">
<div class="carousel-caption d-none d-md-block">
<h3 style="color:yellow">Safety bhi, Saving bhi.</h3>
<p style="color:orangered">FLAT Rs.100 cashback on first 2 orders <span
style="color:blue">Code: NEW100</span></p>
</div>
</div>
<div class="carousel-item">
<img src="carsouel3.jpg" class="tales" alt="...">

144
GROCERY STORE

<div class="carousel-caption d-none d-md-block">

<h3 style="color:yellow">Safety bhi, Saving bhi.</h3>
<p style="color:orangered">FLAT Rs.100 cashback on first 2 orders <span
style="color:blue">Code: NEW100</span></p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<br />
<br />
<div class="container center">
<div class="row">
<div class="col-lg-3">
<img class="img-circle" src="staple.jpg" alt="thumb01" width="140" height="140" />
<h2>Your Daily Staples</h2>
<p>Pulses, Atta & Other Flours, Rice & Other Grains, Dry Fruits & Nuts, Edible Oils, Ghee
& Vanaspati, Spices, Salt & Sugar, Organic Staples, Grocery Best Offers, Pesticide-Free Staples</p>
<p><a class="btn btn-dark" href="login.jsp" role="button">View &raquo;</a></p>
</div>
<div class="col-lg-3">
<img class="img-circle" src="Snack.jpg" alt="thumb02" width="140" height="140" />
<h2>Snack & Drinks Store</h2>
<p>Chocolates, Biscuits & Cookies, Namkeen & Snacks, Chips & Crisps, Sweets, New
Launches, Biscuits & Chocolates Offers, Confectionery</p>
<p><a class="btn btn-dark" href="login.jsp" role="button">View &raquo;</a></p>
</div>
<div class="col-lg-3">
<img class="img-circle" src="cleaing.jpg" alt="thumb01" width="140" height="140" />
<h2>Cleaning & Household</h2>
<p>Disinfectants, Household Best Offers, Laundry Detergents, Cleaners, Dishwashers,
Liquid Detergents, Repellents, Tissues & Disposables, Pooja Needs, Home & Car Fresheners, Shoe
Care, Cleaning Tools & Brushes</p>
<p><a class="btn btn-dark" href="login.jsp" role="button">View &raquo;</a></p>
</div>
<div class="col-lg-3">
<img class="img-circle" src="beauty.jpg" alt="thumb01" width="140" height="140" />
<h2>Beauty & Hygiene</h2>

145
GROCERY STORE

<p>New Launches, Health And Wellness, Bath & Body, Hair Care, Skin Care, Oral Care,
Men's Grooming, Face Care, Women's Grooming, Fragrances, Cosmetics</p>
<p><a class="btn btn-dark" href="login.jsp" role="button">View &raquo;</a></p>
</div>
</div>
</div>
<br />
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

146
GROCERY STORE

FAQ.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 98.5vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

<div class="dropdown" style="padding-right: 1px;">

147
GROCERY STORE

<button class="btn btn-primary dropdown-toggle" type="button"

id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div style="padding-left: 200px; padding-right: 200px; padding-top: 10px; padding-bottom:

20px">
<h1>General FAQs</h1><br/>
<h3>What kind of products do you sell?</h3>
<p>You can choose from over 5,000 products spread across various categories such as
grocery, fruits & vegetables, beverages, personal care products, baby care products, pet products
and much more.</p>
<h3>Do you deliver to my location?</h3>
<p>We deliver in select localities across the cities we are present in. You can edit your
location settings to check if we deliver in your area.</p>
<h3>Can I track the status of my order?</h3>
<p>Yes, you can track the status of your order under the My Orders section.</p><br/>
<h1>Order Placement-related FAQs</h1>
<h3>Is it safe to use my debit/credit card to shop on BeMyShopper?</h3>
<p>Yes, it is. All transactions on BeMyShopper are completed via secure payment gateways
(Citrus, PayU) which are PCI and DSS compliant. We do not store your card details at any given
time.</p>
<h3>I’m trying to place an order today but it is getting scheduled for the next day. What can I
do?</h3>
<p>Depending on store timings and store capacities, your order may be scheduled for a
different day.</p>
<h3>Can I schedule an order as per my convenience?</h3>
<p>Sure. At the checkout page, you can select a delivery slot of your choice, as per slot
availability.</p><br/>
<h1>Delivery-related FAQs</h1>
<h3>What are your delivery timings?</h3>
<p>In some locations, our deliveries begin from 6 AM and the last delivery is completed by 11
PM.</p>
<h3>Can I change the delivery address of my order?</h3>
<p>At this time, we do not offer this option. You can, however, cancel your order and reorder
from a different locality.</p>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">

148
GROCERY STORE

<!-- Section: CTA -->

<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

149
GROCERY STORE

about.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="about.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

150
GROCERY STORE

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div class="body" style="background: url(bgabout1.jpg)">

<div class="container">
<form>
<h1>ABOUT US</h1>
<p style="font-weight: bolder">BeMyShopper</p>
<p>Spare more with <span style="font-weight: bolder">BeMyShopper</span> ! We give
you the most minimal costs on the entirety of your grocery needs.</p>
<p><span style="font-weight: bolder">BeMyShopper</span> is a low-cost online general
store that gets items crosswise over classifications like grocery and natural products, excellence and
health, family unit care, infant care, and pet consideration conveyed to your doorstep.</p>
<p>Browse more than 5,000 items at costs lower than markets each day!</p>
<p>Calendar conveyance according to your benefit.</p>
<h5 style="color: #c850c0;">FLAT Rs.100 cashback on first 2 orders Code: NEW100</h5>
</form>
</div>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

151
GROCERY STORE

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">

© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

152
GROCERY STORE

contact.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="contact.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 98.5vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

153
GROCERY STORE

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>
<div class="body">
<div class="container">
<div class="content">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt"></i>
<div class="topic">Address</div>
<div class="text-one">Sector 66, NOIDA</div>
<div class="text-two">201301, G.B. Nagar, U.P.</div>
</div>
<div class="phone details">
<i class="fas fa-phone-alt"></i>
<div class="topic">Phone</div>
<div class="text-one">+91 9818485118</div>
<div class="text-two">+91 9268650838</div>
</div>
<div class="email details">
<i class="fas fa-envelope"></i>
<div class="topic">Email</div>
<div class="text-one">prateeksingh825@gmail.com</div>
<div class="text-two">prateeksingh825@yahoo.com</div>
</div>
</div>
<div class="right-side">
<div class="topic-text">Send us a message</div>
<p>If you have any work from us or any types of quries related to our product, you can send
us message from here. It's our pleasure to help you.</p>
<form action="feedmail.jsp">
<div class="input-box">
<input type="text" placeholder="From" name="mail">
</div>
<div class="input-box">
<input type="text" placeholder="Subject" name="sub">
</div>
<div class="input-box message-box">
<textarea placeholder="Enter your message" name="mess"></textarea>
</div>

154
GROCERY STORE

<div class="button">
<input type="submit" value="Send Now" >
</div>
</form>
</div>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

155
GROCERY STORE

feedback.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="feedback.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

156
GROCERY STORE

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<section class="section"></section>
<div class="body">
<div class="container">
<form action="feedmail.jsp">
<h1>Give your Feedback</h1>
<div class="id">
<input type="text" placeholder="From" name="mail">
<i class="far fa-envelope"></i>
</div>
<div class="id">
<input type="text" placeholder="Subject" name="sub">
<i class="fas fa-book"></i>
</div>
<textarea cols="15" rows="5" placeholder="Enter your opinions here..."
name="mess"></textarea>
<input type="submit" value="SEND" style="margin-top: 5px; margin-right: 5px; border:
none; background: #00fff0; color: #222; padding: 10px 0; width: 45%; font-size: 20px; font-weight:
800; cursor: pointer; border-radius: 3px;"><input type="reset" value="RESET" style="margin-top:
5px; border: none; background: #00fff0; color: #222; padding: 10px 0; width: 45%; font-size: 20px;
font-weight: 800; cursor: pointer; border-radius: 3px;">
</form>
</div>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>

157
GROCERY STORE

</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

158
GROCERY STORE

feedmail.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Feedback</h1>
<%@ page import="java.util.*,javax.mail.*" %>
<%@ page import="javax.mail.internet.*" %>

<%
final String to = "prateeksingh825@gmail.com";
final String subject = request.getParameter("sub");
final String messg = request.getParameter("mess");
final String from = request.getParameter("mail");
final String pass = "Sanket825@asha";
String host = "smtp.gmail.com";

Properties props = new Properties();

props.put("mail.smtp.host", host);
props.put("mail.transport.protocol", "smtp");
props.put("mail.smtp.auth", "true");
props.put("mail.smtp.starttls.enable", "true");
props.put("mail.user", from);
props.put("mail.password",pass);
props.put("mail.port","587");

Session mailSession = Session.getInstance(props, new javax.mail.Authenticator() {

@Override

protected PasswordAuthentication getPasswordAuthentication() {

return new PasswordAuthentication(to, pass);

}
});

try {
MimeMessage message = new MimeMessage(mailSession);
message.setFrom(new InternetAddress(from));
message.addRecipient(Message.RecipientType.TO, new InternetAddress(to));
message.setSubject(subject);
message.setText(messg);

159
GROCERY STORE

Transport transport = mailSession.getTransport();

transport.connect();
transport.sendMessage(message, message.getRecipients(Message.RecipientType.TO));
transport.close();
out.println("Your message sent successfully....");

} catch(MessagingException mex){

mex.printStackTrace();

out.println(mex);
}
%>
</body>
</html>

160
GROCERY STORE

registration.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="registration.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>

161
GROCERY STORE

</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div class="container">
<div class="title">Customer Registration</div>
<div class="content">
<form action="custreg.jsp">
<%@page import="java.sql.*" %>
<%! int cid; %>
<%
try{
ResultSet rs;
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select max(custid) from custregisteration";
PreparedStatement ps=con.prepareStatement(qry);

rs=ps.executeQuery();
if(rs.next())
{
cid=rs.getInt(1);
cid++;
}
}catch(Exception ex)
{
out.println(ex);
}
%>
<div class="user-details">
<div class="input-box">
<span class="details">Customer ID</span>
<input type="text" name="txtcustid" value="<%=cid %>" readonly="true" required>
</div>
<div class="input-box">
<span class="details">Full Name</span>
<input type="text" name="txtname" placeholder="Enter your name" required>

162
GROCERY STORE

</div>
<div class="input-box">
<span class="details">Email</span>
<input type="text" name="txtemail" placeholder="Enter your email" required>
</div>
<div class="input-box">
<span class="details">Phone Number</span>
<input type="text" name="txtphno" placeholder="Enter your number" required>
</div>
<div class="input-box">
<span class="details">Date Of Birth</span>
<input type="text" name="txtdob" placeholder="Enter your DOB" required>
</div>
<div class="input-box">
<span class="details">Password</span>
<input type="password" name="txtpass" placeholder="Enter your password" required>
</div>
</div>
<div class="button">
<input type="submit" value="Register">
</div>
</form>
</div>
</div>
</div>
<br />
<br />
<br />
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">

163
GROCERY STORE

© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

164
GROCERY STORE

custreg.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.io.*,java.sql.*" %>
<%! int cid; String cnm, cemail, cphno, cdob, cpass; %>
<%
try{
cid = Integer.parseInt(request.getParameter("txtcustid"));
cnm = request.getParameter("txtname");
cemail = request.getParameter("txtemail");
cphno = request.getParameter("txtphno");
cdob = request.getParameter("txtdob");
cpass = request.getParameter("txtpass");

Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry = "insert into custregisteration values(?, ?, ?, ?, ?, ?)";
PreparedStatement ps = con.prepareStatement(qry);
ps.setInt(1, cid);
ps.setString(2, cnm);
ps.setString(3, cemail);
ps.setString(4, cphno);
ps.setString(5, cdob);
ps.setString(6, cpass);
ps.executeUpdate();
response.sendRedirect("login.jsp");
ps.close();
con.close();
}
catch(Exception ex){
out.println(ex);
}
%>
</body>
</html>

165
GROCERY STORE

vendorRegisteration.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="registration.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>

166
GROCERY STORE

</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div class="container">
<div class="title">Vendor Registration</div>
<div class="content">
<form action="venreg.jsp">
<%@page import="java.sql.*" %>
<%! int vid; %>
<%
try{
ResultSet rs;
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select max(vendorid) from vendorregisteration";
PreparedStatement ps=con.prepareStatement(qry);

rs=ps.executeQuery();
if(rs.next())
{
vid=rs.getInt(1);
vid++;
}
}catch(Exception ex)
{
out.println(ex);
}
%>
<div class="user-details">
<div class="input-box">
<span class="details">Vendor ID</span>
<input type="text" name="txtvendid" value="<%=vid %>" readonly="true" required>
</div>
<div class="input-box">
<span class="details">Vendor Name</span>
<input type="text" name="txtvname" placeholder="Enter your name" required>

167
GROCERY STORE

</div>
<div class="input-box">
<span class="details">Email</span>
<input type="text" name="txtvemail" placeholder="Enter your email" required>
</div>
<div class="input-box">
<span class="details">Phone Number</span>
<input type="text" name="txtvphno" placeholder="Enter your number" required>
</div>
<div class="input-box">
<span class="details">Address</span>
<input type="text" name="txtvaddr" placeholder="Enter your address" required>
</div>
<div class="input-box">
<span class="details">PAN</span>
<input type="text" name="txtpan" placeholder="Enter your PAN" required>
</div>
<div class="input-box">
<span class="details">GST No</span>
<input type="text" name="txtgst" placeholder="Enter your GST No" required>
</div>
<div class="input-box">
<span class="details">Set Password</span>
<input type="password" name="txtvpass" placeholder="Enter your password" required>
</div>
</div>
<div class="button">
<input type="submit" value="Register">
</div>
</form>
</div>
</div>
</div>
<br />
<br />
<br />
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>

168
GROCERY STORE

</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

169
GROCERY STORE

venreg.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.io.*,java.sql.*" %>
<%! int vid; String vnm, vemail, vphono, vaddr, pan, vgst, vpass; %>
<%
try{
vid = Integer.parseInt(request.getParameter("txtvendid"));
vnm = request.getParameter("txtvname");
vemail = request.getParameter("txtvemail");
vphono = request.getParameter("txtvphno");
vaddr = request.getParameter("txtvaddr");
pan = request.getParameter("txtpan");
vgst = request.getParameter("txtgst");
vpass = request.getParameter("txtvpass");

Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry = "insert into vendorregisteration values(?, ?, ?, ?, ?, ?, ?, ?)";
PreparedStatement ps = con.prepareStatement(qry);
ps.setInt(1, vid);
ps.setString(2, vnm);
ps.setString(3, vemail);
ps.setString(4, vphono);
ps.setString(5, vaddr);
ps.setString(6, pan);
ps.setString(7, vgst);
ps.setString(8, vpass);
ps.executeUpdate();
response.sendRedirect("vendorLogin.jsp");
ps.close();
con.close();
}
catch(Exception ex){
out.println(ex);
}
%>
</body>
</html>

170
GROCERY STORE

login.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 98.5vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>

<div class="dropdown" style="padding-right: 4px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>

171
GROCERY STORE

</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Customer Login</div>
<form action="logincode.jsp">
<div class="field">
<input type="text" name="txtemail" required>
<label>Email Address</label>
</div>
<div class="field">
<input type="password" name="txtpwd" required>
<label>Password</label>
</div>
<div class="content">
<div class="checkbox">
<input type="checkbox" id="remember-me">
<label for="remember-me">Remember me</label>
</div>
<div class="pass-link"><a href="forgetPassword.jsp">Forgot password?</a></div>
</div>
<div class="field">
<input type="submit" value="Login">
</div>
<div class="signup-link">Not a member? <a href="registration.jsp">Signup now</a></div>
</form>
</div>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>

172
GROCERY STORE

<button type="button" class="btn btn-outline-light btn-rounded">

Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

173
GROCERY STORE

logincode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@ page import="java.sql.*" %>
<%
try{
String mail,pwd;
ResultSet r;
mail = request.getParameter("txtemail");
pwd= request.getParameter("txtpwd");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from custregisteration where email="+"'"+mail+"'"+" and
password="+"'"+pwd+"'";
PreparedStatement ps = con.prepareStatement(qry);
r=ps.executeQuery();
if(r.next()){
session.setAttribute("cid",r.getInt("custid"));
session.setAttribute("cnm",r.getString("name"));
response.sendRedirect("home.jsp");
}else{
%>
<div>
<table>
<td>
<%= "Invalid email or password" %>
</td>
</table>
</div>
<%
}
}
catch(Exception ex){
out.println(ex);
}
%>

</body>
</html>

174
GROCERY STORE

home.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%

if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

175
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
<div class="dropdown" style="padding-left: 3px">
<button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
ORDER
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="TrackOrder.jsp">Track Order</a></li>
<li><a class="dropdown-item" href="cancelorder.jsp">Cancel Order</a></li>
<li><a class="dropdown-item" href="returnorder.jsp">Return Order</a></li>
</ul>
</div>
</div>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="grocery.jpg" alt="grocery" style="height: 120px;">
</div>
<div class="title">
<h1>Grocery & Staples</h1>
</div>
<div class="des">
<p class="card-text">Pulses, Atta & Other Flours, Rice & Other Grains, Dry Fruits & Nuts,
Edible Oils, Ghee & Vanaspati, Spices, Salt & Sugar, Organic Staples, Grocery Best Offers, Pesticide-
Free Staples</p>
<a href="grocery.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

176
GROCERY STORE

<img src="personal.jpg" alt="personal care" style="height: 140px;">

</div>
<div class="title">
<h1>Personal Care</h1>
</div>
<div class="des">
<p class="card-text">New Launches, Health And Wellness, Bath & Body, Hair Care, Skin
Care, Oral Care, Men's Grooming, Face Care, Women's Grooming, Fragrances, Cosmetics</p>
<a href="personalcare.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="cleaing.jpg" alt="Household Itmes" style="height: 100px;">
</div>
<div class="title">
<h1>Household Items</h1>
</div>
<div class="des">
<p class="card-text">Disinfectants, Household Best Offers, Laundry Detergents, Cleaners,
Dishwashers, Liquid Detergents, Repellents, Tissues & Disposables, Pooja Needs, Home & Car
Fresheners, Shoe Care, Cleaning Tools & Brushes</p>
<a href="hosueholditems.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="Snack.jpg" alt="snacks" style="height: 110px;">
</div>
<div class="title">
<h1>Biscuits, Snacks & Chocolates</h1>
</div>
<div class="des">
<p class="card-text">Chocolates, Biscuits & Cookies, Namkeen & Snacks, Chips & Crisps,
Sweets, New Launches, Biscuits & Chocolates Offers, Confectionery</p>
<a href="snacks.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="beverages.jpg" alt="beverages">
</div>
<div class="title">
<h1>Beverages</h1>
</div>

177
GROCERY STORE

<div class="des">
<p class="card-text">New Launches, Best Offers, Cold Drinks, Juices & Drinks, Tea &
Coffee, Health & Energy Drinks, Water & Soda, Super Combos, Milk Drinks</p>
<a href="beverages.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="noodles.jpg" alt="instant food" height="110px">
</div>
<div class="title">
<h1>Noodles, Sauces & Instant Food</h1>
</div>
<div class="des">
<p class="card-text">New Launches, Noodles & Sauces Best Offers, Noodles & Vermicelli,
Sauces & Ketchups, Jams & Spreads, Pasta & Soups, Ready Made Meals & Mixes, Pickles & Chutneys,
Canned & Frozen Food, Baking & Dessert Items, Honey & Chyawanprash</p>
<a href="instant.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="petcare.jpg" alt="pet care" height="220px">
</div>
<div class="title">
<h1>Pet Care</h1>
</div>
<div class="des">
<p class="card-text">Dog Supplies, Cat Supplies</p>
<a href="petcare.jsp" class="btn btn-primary">View More...</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="babycare.jpg" alt="baby care" height="180px">
</div>
<div class="title">
<h1>Baby Care</h1>
</div>
<div class="des">
<p class="card-text">Baby Food, Diapers & Wipes, Baby Skin & Hair Care, Baby
Accessories & More, Mothers & Maternity</p>
<a href="babycare.jsp" class="btn btn-primary">View More...</a>
</div>
</div>

178
GROCERY STORE

</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

179
GROCERY STORE

grocery.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

180
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
<div class="dropdown" style="padding-left: 3px">
<button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
ORDER
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="TrackOrder.jsp">Track Order</a></li>
<li><a class="dropdown-item" href="cancelorder.jsp">Cancel Order</a></li>
<li><a class="dropdown-item" href="returnorder.jsp">Return Order</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Atta</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="aashirvaad.jpg" alt="atta" style="height: 120px;">
</div>
<div class="title">
<h6>Aashirvaad Shudh Chakki Wheat Atta</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;311</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;375</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 10 kg</p>
<div class="des">

181
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=201&pnm=Aashirvaad Shudh Chakki Wheat
Atta&pr=311&des=Available in: 10 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="chakki.jpg" alt="atta" style="height: 120px;">
</div>
<div class="title">
<h6>Chakki Atta</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;255</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;330</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 10 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=202&pnm=Chakki Atta&pr=255&des=Available in: 10
kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="naturefresh.jpg" alt="atta" style="height: 120px;">
</div>
<div class="title">
<h6>Nature Fresh Sampoorna Chakki Atta</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;170</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;193</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 5 kg</p>
<div class="des">

182
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=203&pnm=Nature Fresh Sampoorna Chakki
Atta&pr=170&des=Available in: 5 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="tattva.jpg" alt="atta" style="height: 120px;">
</div>
<div class="title">
<h6>Organic Tattva Wheat Organic Atta</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;199</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;300</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 5 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=204&pnm=Organic Tattva Wheat Organic
Atta&pr=199&des=Available in: 5 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Besan & Sooji/Rava</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="rajdhanibesan.jpg" alt="besan" style="height: 120px;">
</div>
<div class="title">
<h6>Rajdhani Besan</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;102</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;149</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>

183
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=205&pnm=Rajdhani Besan&pr=102&des=Available in: 1
kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="fortunebesan.jpg" alt="besan" style="height: 120px;">
</div>
<div class="title">
<h6>Fortune Besan</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;48</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;60</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=206&pnm=Fortune Besan&pr=48&des=Available in:
500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="rajdhanisooji.jpg" alt="sooji" style="height: 120px;">
</div>
<div class="title">
<h6>Rajdhani Sooji/Rava</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;32</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;39</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>
<div class="des">

184
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=207&pnm=Rajdhani Sooji/Rava&pr=32&des=Available
in: 500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="rajdhanisooji.jpg" alt="sooji" style="height: 120px;">
</div>
<div class="title">
<h6>Rajdhani Sooji/Rava</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;61</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;76</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=208&pnm=Rajdhani Sooji/Rava&pr=61&des=Available
in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Pulses</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="arhar.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Basic Arhar Dal/Toor Dal</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;107</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;140</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">

185
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=209&pnm=Basic Arhar Dal/Toor
Dal&pr=107&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="rajma.jpg" alt="rajma" style="height: 120px;">
</div>
<div class="title">
<h6>Rajma Chitra</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;105</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;230</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=210&pnm=Rajma Chitra&pr=105&des=Available in: 1
kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="moongdal.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Basic Moong Dal (Dhuli)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;108</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;180</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">

186
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=211&pnm=Basic Moong Dal
(Dhuli)&pr=108&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="moongdalchilka.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Organic Split Moong Dal (Chilka)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;61</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;76</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=212&pnm=Organic Split Moong Dal
(Chilka)&pr=61&des=Available in: 500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div
<!--cards -->
<div class="card">
<div class="image">
<img src="uraddal.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Split White Urad Dal (Dhuli)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;130</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;250</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">

187
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=213&pnm=Split White Urad Dal
(Dhuli)&pr=130&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="basicchanadal.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Basic Chana Dal</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;71</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;120</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=214&pnm=Basic Chana Dal&pr=71&des=Available in: 1
kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="kalachana.jpg" alt="chana" style="height: 120px;">
</div>
<div class="title">
<h6>Tata Sampann Unpolished Kala Chana</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;104</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;125</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">

188
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=215&pnm=Tata Sampann Unpolished Kala
Chana&pr=104&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="masoor.jpg" alt="dal" style="height: 120px;">
</div>
<div class="title">
<h6>Red Malka Masoor</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;100</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;150</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=216&pnm=Red Malka Masoor&pr=100&des=Available
in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Edible Oils, Ghee & Vanaspati</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="mustardoil.jpg" alt="mustardoil" style="height: 120px;">
</div>
<div class="title">
<h6>Dhara Mustard Oil (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;166</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;205</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>

189
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=217&pnm=Dhara Mustard Oil
(Bottle)&pr=166&des=Available in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="ghee.jpg" alt="ghee" style="height: 120px;">
</div>
<div class="title">
<h6>Patanjali Cow Ghee (Carton)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;565</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;600</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=218&pnm=Patanjali Cow Ghee
(Carton)&pr=565&des=Available in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="vanaspati.jpg" alt="vanaspati" style="height: 120px;">
</div>
<div class="title">
<h6>Rath Vanaspati</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;166</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;185</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>
<div class="des">

190
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=219&pnm=Rath Vanaspati&pr=166&des=Available in: 1
l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="sunfloweroil.jpg" alt="oil" style="height: 120px;">
</div>
<div class="title">
<h6>Sweekar Refined Sunflower Oil (Pouch)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;198</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;220</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=220&pnm=Sweekar Refined Sunflower Oil
(Pouch)&pr=198&des=Available in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Dry Fruits & Nuts</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="almonds.jpg" alt="almonds" style="height: 120px;">
</div>
<div class="title">
<h6>Family Farm Almonds</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;284</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;592</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>

191
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=221&pnm=Family Farm
Almonds&pr=284&des=Available in: 500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="cashews.jpg" alt="cashews" style="height: 120px;">
</div>
<div class="title">
<h6>Family Farm Cashews</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;349</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;750</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=222&pnm=Family Farm
Cashews&pr=349&des=Available in: 500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="seeds.jpg" alt="seeds" style="height: 120px;">
</div>
<div class="title">
<h6>Organic Tattva Flax Seeds</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;23</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;35</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>
<div class="des">

192
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=223&pnm=Organic Tattva Flax
Seeds&pr=23&des=Available in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="peanuts.jpg" alt="peanuts" style="height: 120px;">
</div>
<div class="title">
<h6>24 Mantra Organic Peanuts</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;124</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;125</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=224&pnm=24 Mantra Organic
Peanuts&pr=124&des=Available in: 500 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Rice, Salt & Sugar</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="rice.jpg" alt="rice" style="height: 120px;">
</div>
<div class="title">
<h6>India Gate Feast Rozzana Basmati Rice</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;339</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;400</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 5 kg</p>

193
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=225&pnm=India Gate Feast Rozzana Basmati
Rice&pr=339&des=Available in: 5 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="rice.jpg" alt="rice" style="height: 120px;">
</div>
<div class="title">
<h6>India Gate Broken Mogra Basmati Rice</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;499</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;590</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 10 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=226&pnm=India Gate Broken Mogra Basmati
Rice&pr=499&des=Available in: 10 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="salt.jpg" alt="salt" style="height: 120px;">
</div>
<div class="title">
<h6>Tata Salt</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;18</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;21</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">

194
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=227&pnm=Tata Salt&pr=18&des=Available in: 1
kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="sugar.jpg" alt="sugar" style="height: 120px;">
</div>
<div class="title">
<h6>Fortune Sugar (Pouch)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;45</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;60</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=228&pnm=Fortune Sugar
(Pouch)&pr=45&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Spices</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="jeera.jpg" alt="jeera" style="height: 120px;">
</div>
<div class="title">
<h6>Catch Cumin Seeds/Jeera</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;45</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;50</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>

195
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=229&pnm=Catch Cumin
Seeds/Jeera&pr=45&des=Available in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="hing.jpg" alt="hing" style="height: 120px;">
</div>
<div class="title">
<h6>Everest Compounded Hing Powder</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;70</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;75</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 50 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=230&pnm=Everest Compounded Hing
Powder&pr=70&des=Available in: 50 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="dhania.jpg" alt="dhania" style="height: 120px;">
</div>
<div class="title">
<h6>Catch Coriander Powder/Dhania</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;43</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;57</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">

196
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=231&pnm=Catch Coriander
Powder/Dhania&pr=43&des=Available in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="chilli.jpg" alt="chilli" style="height: 120px;">
</div>
<div class="title">
<h6>Catch Red Chilli Powder</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;62</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;90</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=232&pnm=Catch Red Chilli
Powder&pr=62&des=Available in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div
<!--cards -->
<div class="card">
<div class="image">
<img src="garammasla.jpg" alt="garam masala" style="height: 120px;">
</div>
<div class="title">
<h6>MDH Garam Masala</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;78</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;80</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>
<div class="des">

197
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=233&pnm=MDH Garam Masala&pr=78&des=Available
in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="haldi.jpg" alt="haldi" style="height: 120px;">
</div>
<div class="title">
<h6>Catch Turmeric Powder/Haldi</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;42</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;56</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=234&pnm=Catch Turmeric
Powder/Haldi&pr=42&des=Available in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="chatmasala.jpg" alt="chatmasala" style="height: 120px;">
</div>
<div class="title">
<h6>MDH Chunky Chat Masala</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;65</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;70</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>
<div class="des">

198
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=235&pnm=MDH Chunky Chat
Masala&pr=65&des=Available in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="sabzimasala.jpg" alt="sabzimasala" style="height: 120px;">
</div>
<div class="title">
<h6>Catch Sabzi Masala (Carton)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;50</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;54</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=236&pnm=Catch Sabzi Masala
(Carton)&pr=50&des=Available in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>

199
GROCERY STORE

<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

200
GROCERY STORE

personalcare.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

201
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
<div class="dropdown" style="padding-left: 3px">
<button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
ORDER
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="TrackOrder.jsp">Track Order</a></li>
<li><a class="dropdown-item" href="cancelorder.jsp">Cancel Order</a></li>
<li><a class="dropdown-item" href="returnorder.jsp">Return Order</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Bath & Body</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="lifebuoy.jpg" alt="handwash" style="height: 120px;">
</div>
<div class="title">
<h6>Lifebuoy Total 10 Hand Wash (Refill)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;99</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;119</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 750 ml</p>
<div class="des">

202
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=237&pnm=Lifebuoy Total 10 Hand Wash
(Refill)&pr=99&des=Available in: 750 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="dettol.jpg" alt="soap" style="height: 120px;">
</div>
<div class="title">
<h6>Dettol Bathing Original Soap - Pack of 5</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;226</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;275</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 5x125 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=238&pnm=Dettol Bathing Original Soap - Pack of
5&pr=226&des=Available in: 5x125 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="sanitizer.jpg" alt="sanitizer" style="height: 120px;">
</div>
<div class="title">
<h6>Dettol Instant Hand Sanitizer (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;30</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;35</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 60 ml</p>
<div class="des">

203
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=239&pnm=Dettol Instant Hand Sanitizer
(Bottle)&pr=30&des=Available in: 60 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="showergel.jpg" alt="showergel" style="height: 120px;">
</div>
<div class="title">
<h6>Nivea Lemon & Oil Shower Gel</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;150</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;199</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 250 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=240&pnm=Nivea Lemon & Oil Shower
Gel&pr=150&des=Available in: 250 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Hair Care</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="shampoo.jpg" alt="shampoo" style="height: 120px;">
</div>
<div class="title">
<h6>Dove Intense Repair Shampoo</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;430</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;780</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>

204
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=241&pnm=Dove Intense Repair
Shampoo&pr=430&des=Available in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="hairoil.jpg" alt="hairoil" style="height: 120px;">
</div>
<div class="title">
<h6>Bajaj Almond Drops Hair Oil</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;250</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;290</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=242&pnm=Bajaj Almond Drops Hair
Oil&pr=250&des=Available in: 500 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="conditioner.jpg" alt="conditioner" style="height: 120px;">
</div>
<div class="title">
<h6>Dove Daily Shine Conditioner</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;238</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;340</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 340 ml</p>
<div class="des">

205
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=243&pnm=Dove Daily Shine
Conditioner&pr=238&des=Available in: 340 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="haircolour.jpg" alt="haircolour" style="height: 120px;">
</div>
<div class="title">
<h6>Indica Easy Natural Black Hair Colour</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;40</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;50</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 25 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=244&pnm=Indica Easy Natural Black Hair
Colour&pr=40&des=Available in: 25 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Skin & Oral Care</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="bodylotion.jpg" alt="bodylotion" style="height: 120px;">
</div>
<div class="title">
<h6>Nivea Aloe Hydration Body Lotion</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;318</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;425</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 400 ml</p>

206
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=245&pnm=Nivea Aloe Hydration Body
Lotion&pr=318&des=Available in: 400 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="facecream.jpg" alt="facecream" style="height: 120px;">
</div>
<div class="title">
<h6>Nivea Blue Face Cream</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;158</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;175</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=246&pnm=Nivea Blue Face
Cream&pr=158&des=Available in: 100 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="colgate.jpg" alt="colgate" style="height: 120px;">
</div>
<div class="title">
<h6>Colgate Swarna Vedshakti Toothpaste</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;95</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;100</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">

207
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=247&pnm=Colgate Swarna Vedshakti
Toothpaste&pr=95&des=Available in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="brush.jpg" alt="brush" style="height: 120px;">
</div>
<div class="title">
<h6>Oral-B Cavity Defense Tooth Brush (Soft)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;105</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;110</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 6 unit</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=248&pnm=Oral-B Cavity Defense Tooth Brush
(Soft)&pr=105&des=Available in: 6 unit&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>
<h1 style="text-align: center; text-decoration: underline">Face Care & Fragrances</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="facewash.jpg" alt="facewash" style="height: 120px;">
</div>
<div class="title">
<h6>Garnier Men Acno Fight Face Wash</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;90</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;99</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 50 g</p>

208
GROCERY STORE

<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=249&pnm=Garnier Men Acno Fight Face
Wash&pr=90&des=Available in: 50 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="n95mask.jpg" alt="mask" style="height: 120px;">
</div>
<div class="title">
<h6>N95 Assorted Mask</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;150</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;249</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 unit</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=250&pnm=N95 Assorted Mask&pr=150&des=Available
in: 1 unit&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="mendeodorant.jpg" alt="mendeodorant" style="height: 120px;">
</div>
<div class="title">
<h6>Engage Mate Men's Deodorant</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;147</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;195</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 150 ml</p>
<div class="des">

209
GROCERY STORE

<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='cart.jsp?pid=251&pnm=Engage Mate Men
Deodorant&pr=147&des=Available in: 150 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="womendeodorant.jpg" alt="womendeodorant" style="height: 120px;">
</div>
<div class="title">
<h6>Fogg Paradise Women's Deodorant</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;229</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;230</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 150 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=252&pnm=Fogg Paradise Women
Deodorant&pr=229&des=Available in: 150 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>

210
GROCERY STORE

<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

211
GROCERY STORE

householditems.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

212
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Disinfectants & Laundry

Detergents</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="gasspray.jpg" alt="disinfectants" style="height: 120px;">
</div>
<div class="title">
<h6>Lifebuoy Germ Kill No Gas Spray (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;199</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;200</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=253&pnm=Lifebuoy Germ Kill No Gas Spray
(Bottle)&pr=199&des=Available in: 200 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

213
GROCERY STORE

<img src="detergent.jpg" alt="detergent" style="height: 120px;">

</div>
<div class="title">
<h6>Ariel Complete Detergent Powder</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;540</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;1160</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 4 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=254&pnm=Ariel Complete Detergent
Powder&pr=540&des=Available in: 4 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="liquidDetergent.jpg" alt="liquidDetergent" style="height: 120px;">
</div>
<div class="title">
<h6>Ezee Liquid Detergent</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;167</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;175</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=255&pnm=Ezee Liquid
Detergent&pr=167&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="detergentBar.jpg" alt="detergentBar" style="height: 120px;">
</div>

214
GROCERY STORE

<div class="title">
<h6>Rin Detergent Bar</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;58</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;64</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 4x250 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=256&pnm=Rin Detergent Bar&pr=58&des=Available in:
4x250 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Cleaners & Dishwashers</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="toiletcleaner.jpg" alt="toiletCleaner" style="height: 120px;">
</div>
<div class="title">
<h6>Harpic Power Plus Orignal Toilet Cleaner</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;89</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;100</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 500 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=257&pnm=Harpic Power Plus Orignal Toilet
Cleaner&pr=89&des=Available in: 500 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

215
GROCERY STORE

<img src="liquidPhenyl.jpg" alt="liquidPhenyl" style="height: 120px;">

</div>
<div class="title">
<h6>SaveMore Liquid Phenyl (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;37</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;64</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=258&pnm=SaveMore Liquid Phenyl
(Bottle)&pr=37&des=Available in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="dishwashgel.jpg" alt="dishwashGel" style="height: 120px;">
</div>
<div class="title">
<h6>Vim Lemon Dishwash Gel (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;109</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;160</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 750 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=259&pnm=Vim Lemon Dishwash Gel
(Bottle)&pr=109&des=Available in: 750 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="dishwashBar.jpg" alt="dishwashBar" style="height: 120px;">
</div>

216
GROCERY STORE

<div class="title">
<h6>Vim Lemon Dishwash Bar</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;22</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;25</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 300 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=260&pnm=Vim Lemon Dishwash
Bar&pr=22&des=Available in: 300 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Pooja Needs, Cleaning Tools &

Brushes</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="incenseSticks.jpg" alt="incenseSticks" style="height: 120px;">
</div>
<div class="title">
<h6>Mangaldeep Sandal Incense Sticks</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;50</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;60</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 85 units</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=261&pnm=Mangaldeep Sandal Incense
Sticks&pr=50&des=Available in: 85 units&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">

217
GROCERY STORE

<div class="image">
<img src="gangajal.jpg" alt="gangajal" style="height: 120px;">
</div>
<div class="title">
<h6>EKUM Gangajal</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;33</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;51</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 750 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=262&pnm=EKUM Gangajal&pr=33&des=Available in:
750 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="broom.jpg" alt="broom" style="height: 120px;">
</div>
<div class="title">
<h6>Grass & Plastic Broom (Brown & Pink)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;167</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;185</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 unit</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=263&pnm=Grass-Plastic Broom&pr=167&des=Available
in: 1 unit&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="dustbin.jpg" alt="dustbin" style="height: 120px;">

218
GROCERY STORE

</div>
<div class="title">
<h6>Round Mini Plastic Dustbin</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;139</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;285</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 unit</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=264&pnm=Round Mini Plastic
Dustbin&pr=139&des=Available in: 1 unit&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

219
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

220
GROCERY STORE

snacks.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

221
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Chocolates & Confectionery</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="chocolate.jpg" alt="chocolates" style="height: 120px;">
</div>
<div class="title">
<h6>Cadbury Dairy Milk Silk Chocolate</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;136</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;160</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 150 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=265&pnm=Cadbury Dairy Milk Silk
Chocolate&pr=136&des=Available in: 150 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="candy.jpg" alt="candy" style="height: 120px;">

222
GROCERY STORE

</div>
<div class="title">
<h6>Alpenliebe Gold Caramel Candy</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;80</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;100</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 units</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=266&pnm=Alpenliebe Gold Caramel
Candy&pr=80&des=Available in: 100 units&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="sugarfreeCandy.jpg" alt="candy" style="height: 120px;">
</div>
<div class="title">
<h6>Center Fresh Sugarfree Peppermint Candy</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;8</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;10</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 4.5 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=267&pnm=Center Fresh Sugarfree Peppermint
Candy&pr=8&des=Available in: 4.5 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="freshener.jpg" alt="freshener" style="height: 120px;">
</div>
<div class="title">

223
GROCERY STORE

<h6>Chandan Mint Saunf Mouth Freshener</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;42</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;50</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=268&pnm=Chandan Mint Saunf Mouth
Freshener&pr=42&des=Available in: 100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Namkeen & Snacks</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="namkeen.jpg" alt="namkeen" style="height: 120px;">
</div>
<div class="title">
<h6>Bikano Bikaneri Bhujia Namkeen</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;185</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;297</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=269&pnm=Bikano Bikaneri Bhujia
Namkeen&pr=185&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="mixturenamkeen.jpg" alt="namkeen1" style="height: 120px;">

224
GROCERY STORE

</div>
<div class="title">
<h6>Bikano Shahi Mixture Namkeen</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;195</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;272</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=270&pnm=Bikano Shahi Mixture
Namkeen&pr=195&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="papad.jpg" alt="papad" style="height: 120px;">
</div>
<div class="title">
<h6>Lijjat Moong Papad</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;50</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;60</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=271&pnm=Lijjat Moong Papad&pr=50&des=Available
in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="cereal.jpg" alt="cereal" style="height: 120px;">
</div>
<div class="title">

225
GROCERY STORE

<h6>Timios Crunchies Breakfast Cereal</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;150</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;160</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 300 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=272&pnm=Timios Crunchies Breakfast
Cereal&pr=150&des=Available in: 300 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Biscuits & Cookies</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="biscuit.jpg" alt="biscuit" style="height: 120px;">
</div>
<div class="title">
<h6>Cadbury Bournvita Biscuit (Pouch)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;65</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;99</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 4x100 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=273&pnm=Cadbury Bournvita Biscuit
(Pouch)&pr=65&des=Available in: 4x100 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="digestivebiscuit.jpg" alt="biscuit" style="height: 120px;">

226
GROCERY STORE

</div>
<div class="title">
<h6>McVitie's Digestive Biscuit</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;154</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;169</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=274&pnm=McVities Digestive
Biscuit&pr=154&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="chocoPie.jpg" alt="chocopie" style="height: 120px;">
</div>
<div class="title">
<h6>Lotte 12 units Choco Pie</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;95</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;140</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 336 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=275&pnm=Lotte 12 units Choco
Pie&pr=95&des=Available in: 336 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="doodhBiscuit.jpg" alt="biscuit" style="height: 120px;">
</div>
<div class="title">

227
GROCERY STORE

<h6>Patanjali Doodh Biscuit</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;10</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;12</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 300 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=276&pnm=Patanjali Doodh
Biscuit&pr=10&des=Available in: 300 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Chips & Crisps</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="chips.jpg" alt="chips" style="height: 120px;">
</div>
<div class="title">
<h6>Uncle Chipps Spicy Treat Chips</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;20</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;25</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 55 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=277&pnm=Uncle Chipps Spicy Treat
Chips&pr=20&des=Available in: 55 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="crisps.jpg" alt="crisps" style="height: 120px;">

228
GROCERY STORE

</div>
<div class="title">
<h6>Too Yumm Karare Munchy Masala Crisps</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;20</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;25</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 75 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=278&pnm=Too Yumm Karare Munchy Masala
Crisps&pr=20&des=Available in: 75 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="nachos.jpg" alt="nachos" style="height: 120px;">
</div>
<div class="title">
<h6>Cornitos Cheese & Herbs Nachos</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;32</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;35</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 60 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=279&pnm=Cornitos Cheese-Herbs
Nachos&pr=32&des=Available in: 60 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="popcorn.jpg" alt="popcorn" style="height: 120px;">
</div>
<div class="title">

229
GROCERY STORE

<h6>Instant Natural Popcorn (Pouch)</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;27</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;30</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 90 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=280&pnm=Instant Natural Popcorn
(Pouch)&pr=27&des=Available in: 90 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

230
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

231
GROCERY STORE

beverages.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

232
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Cold Drinks, Juices & Drinks</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="coldDrink.jpg" alt="colddrink" style="height: 120px;">
</div>
<div class="title">
<h6>Thums Up Soft Drink (Bottle)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;35</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;40</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 750 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=281&pnm=Thums Up Soft Drink
(Bottle)&pr=35&des=Available in: 750 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="can.jpg" alt="drinkCan" style="height: 120px;">

233
GROCERY STORE

</div>
<div class="title">
<h6>Red Bull Energy Drink (Can)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;100</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;115</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 250 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=282&pnm=Red Bull Energy Drink
(Can)&pr=100&des=Available in: 250 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="applejuice.jpg" alt="juice" style="height: 120px;">
</div>
<div class="title">
<h6>B Natural Apple Juice</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;88</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;110</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 l</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=283&pnm=B Natural Apple Juice&pr=88&des=Available
in: 1 l&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="gluconD.jpg" alt="drink" style="height: 120px;">
</div>
<div class="title">

234
GROCERY STORE

<h6>Glucon-D Nimbu Pani Energy Drink (Carton)</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;63</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;70</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 200 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=284&pnm=Glucon-D Nimbu Pani Energy
Drink&pr=63&des=Available in: 200 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Tea & Coffee</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="tea.jpg" alt="tea" style="height: 120px;">
</div>
<div class="title">
<h6>Tata Premium Tea</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;119</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;120</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 250 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=285&pnm=Tata Premium Tea&pr=119&des=Available
in: 250 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="teabags.jpg" alt="teabags" style="height: 120px;">

235
GROCERY STORE

</div>
<div class="title">
<h6>Tata Tulsi Green Tea Bags</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;131</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;174</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 25 units</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=286&pnm=Tata Tulsi Green Tea
Bags&pr=131&des=Available in: 25 units&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="coffee.jpg" alt="coffee" style="height: 120px;">
</div>
<div class="title">
<h6>Nescafe Classic Instant Coffee (Jar)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;150</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;155</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 50 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=287&pnm=Nescafe Classic Instant Coffee
(Jar)&pr=150&des=Available in: 50 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="nestle.jpg" alt="drink" style="height: 120px;">
</div>
<div class="title">

236
GROCERY STORE

<h6>Nestle Everyday Dairy Whitener</h6>

</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;188</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;203</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 400 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=288&pnm=Nestle Everyday Dairy
Whitener&pr=188&des=Available in: 400 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

237
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

238
GROCERY STORE

instant.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

239
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Noodles, Pasta, Soups &

Ketchups</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="maggie.jpg" alt="maggie" style="height: 120px;">
</div>
<div class="title">
<h6>Maggi Vegetable Atta Noodles</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;86</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;95</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 290 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=289&pnm=Maggi Vegetable Atta
Noodles&pr=86&des=Available in: 290 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

240
GROCERY STORE

<img src="ketchup.jpg" alt="ketchup" style="height: 120px;">

</div>
<div class="title">
<h6>Maggi Rich Tomato Ketchup</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;150</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;160</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=290&pnm=Maggi Rich Tomato
Ketchup&pr=150&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="pasta.jpg" alt="pasta" style="height: 120px;">
</div>
<div class="title">
<h6>Sunfeast Masala Instant Pasta</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;25</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;30</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 65 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=291&pnm=Sunfeast Masala Instant
Pasta&pr=25&des=Available in: 65 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="soup.jpg" alt="soup" style="height: 120px;">
</div>

241
GROCERY STORE

<div class="title">
<h6>Knorr Thick Tomato Soup</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;50</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;55</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 53 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=292&pnm=Knorr Thick Tomato
Soup&pr=50&des=Available in: 53 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Pickles, Chutneys, Honey &

Chyawanprash</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="pickle.jpg" alt="pickle" style="height: 120px;">
</div>
<div class="title">
<h6>Mother's Recipe Mixed Pickle</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;159</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;199</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=293&pnm=Mothers Recipe Mixed
Pickle&pr=159&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">

242
GROCERY STORE

<div class="image">
<img src="Chutney.jpg" alt="Chutney" style="height: 120px;">
</div>
<div class="title">
<h6>Ching's Secret Schezwan Chutney</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;68</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;80</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 250 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=294&pnm=Chings Secret Schezwan
Chutney&pr=68&des=Available in: 250 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="Chyawanprash.jpg" alt="Chyawanprash" style="height: 120px;">
</div>
<div class="title">
<h6>Patanjali Chyawanprash</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;190</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;200</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=295&pnm=Patanjali
Chyawanprash&pr=190&des=Available in: 1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="honey.jpg" alt="honey" style="height: 120px;">

243
GROCERY STORE

</div>
<div class="title">
<h6>Patanjali Honey</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;315</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;355</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=296&pnm=Patanjali Honey&pr=315&des=Available in:
1 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

244
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

245
GROCERY STORE

petcare.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

246
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Cat & Dog Supplies</h1>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="pedigreepuppy.jpg" alt="dogsupplies" style="height: 120px;">
</div>
<div class="title">
<h6>Pedigree Chicken & Milk Dog Food (Puppy)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;257</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;270</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1.2 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=297&pnm=Pedigree Chicken-Milk Dog Food
(Puppy)&pr=257&des=Available in: 1.2 kg&qty=1'">ADD TO CART</button>

<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"

onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

247
GROCERY STORE

<img src="pedigreeadult.jpg" alt="dogsupplies" style="height: 120px;">

</div>
<div class="title">
<h6>Pedigree Meat & Rice Dog Food (Adult)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;247</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;260</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 1.2 kg</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=298&pnm=Pedigree Meat-Rice Dog Food
(Adult)&pr=247&des=Available in: 1.2 kg&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="catsupplies.jpg" alt="catsupplies" style="height: 120px;">
</div>
<div class="title">
<h6>Whiskas Tuna in Jelly Wet Food (Adult)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;399</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;420</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 12x85 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=299&pnm=Whiskas Tuna in Jelly Wet Food
(Adult)&pr=399&des=Available in: 12x85 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">

248
GROCERY STORE

<!-- Grid container -->

<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

249
GROCERY STORE

babycare.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="TrackOrder.jsp">TrackOrder</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">ViewCart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

250
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<h1 style="text-align: center; text-decoration: underline">Baby food, Diapers, Baby Skin & Hair
Care</h1>
<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="babyfood.jpg" alt="babyfood" style="height: 120px;">
</div>
<div class="title">
<h6>Timios Banana & Honey Stars</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;20</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;25</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 30 g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=300&pnm=Timios Banana-Honey
Stars&pr=20&des=Available in: 30 g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">

251
GROCERY STORE

<img src="diaper.jpg" alt="diaper" style="height: 120px;">

</div>
<div class="title">
<h6>Pampers Diaper (Pants, Large, 64 Count)</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;805</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;1149</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 86 units</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=301&pnm=Pampers Diaper (Pants, Large, 64
Count)&pr=805&des=Available in: 86 units&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="babywash.jpg" alt="babywash" style="height: 120px;">
</div>
<div class="title">
<h6>Johnson's Baby Powder+Baby Soap Combo</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;235</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;297</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 400g + 100g</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=302&pnm=Johnsons Baby Powder+Baby Soap
Combo&pr=235&des=Available in: 400g + 100g&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="BabyHairOil.jpg" alt="hairoil" style="height: 120px;">
</div>

252
GROCERY STORE

<div class="title">
<h6>Himalaya Baby Hair Oil</h6>
</div>
<!-- Price -->
<h6 class="mb-0" style="text-align: center">
<span class="text-danger mr-1">&#8377;125</span>
<span class="text-grey" style="text-decoration: line-through">&#8377;130</span>
</h6>
<!-- Price -->
<p style="text-align: center;">Available in: 100 ml</p>
<div class="des">
<button type="button" class="btn btn-success" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='cart.jsp?pid=303&pnm=Himalaya Baby Hair
Oil&pr=125&des=Available in: 100 ml&qty=1'">ADD TO CART</button>
<button type="button" class="btn btn-primary" style="width: 100%; margin-top: 2px;"
onclick="window.location.href='payment.jsp'">BUY NOW</button>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

253
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

254
GROCERY STORE

cart.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.io.*,java.sql.*,java.util.*" %>
<%! String pnm,purdate,descr; int prodid,prodprice,q,custid; %>
<%
custid=Integer.parseInt(session.getAttribute("cid").toString());
prodid=Integer.parseInt(request.getParameter("pid"));
pnm=request.getParameter("pnm");
prodprice=Integer.parseInt(request.getParameter("pr"));
descr=request.getParameter("des");
q=Integer.parseInt(request.getParameter("qty"));

java.util.Date date=new java.util.Date();

purdate=date.toString();

Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="insert into cartdetails values(?,?,?,?,?,?,?)";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1, custid);
ps.setInt(2, prodid);
ps.setString(3, pnm);
ps.setInt(4, prodprice);
ps.setString(5, descr);
ps.setInt(6, q);
ps.setString(7, purdate);
ps.executeUpdate();
out.println("Product has been successfully added to Cart");
%>
</body>
</html>

255
GROCERY STORE

TrackOrder.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

256
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Track Order</div>
<form action="trackcode.jsp">
<div class="field">
<input type="text" name="txtorder" required>
<label>Enter Order No</label>
</div>
<div class="field">
<input type="submit" value="Search">
</div>
</form>
</div>
<br />
<br />
<br />
<br />
<br />
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>

257
GROCERY STORE

<button type="button" class="btn btn-outline-light btn-rounded">

Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

258
GROCERY STORE

trackcode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else
out.println(session.getAttribute("cnm").toString());

259
GROCERY STORE

%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>
<%@page import="java.sql.*" %>
<%
try{
int r; ResultSet rs;
r=Integer.parseInt(request.getParameter("txtorder"));
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from orderdetails where orderno=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1,r);
rs=ps.executeQuery();
if(rs.next())
{
%>
<h1 style="text-align: center; margin: 20px;">Track Order</h1>
<div style="margin-bottom: 250px; margin-top: 50px; margin-left: 620px;">
<table>
<tr>
<td style="font-weight: 900"><%= " Order Number:
"+rs.getString("orderno")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Order Date:
"+rs.getString("orderdate")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Status: "+rs.getString("status")+"<br>"
%></td>
</tr>
</table>

260
GROCERY STORE

</div>
<%
}
else
{
out.println("Record Not Found");
}
}
catch(Exception ex)
{
out.println(ex);
}
%>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

261
GROCERY STORE

cancelorder.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

262
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Cancel Order</div>
<form action="cancelcode.jsp">
<div class="field">
<input type="text" name="txtorder" required>
<label>Enter Order No</label>
</div>
<div class="field">
<input type="text" name="txtreason" required>
<label>Reason</label>
</div>
<div class="field">
<input type="submit" value="Cancel">
</div>
</form>
</div>
<br />
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>

263
GROCERY STORE

<button type="button" class="btn btn-outline-light btn-rounded">

Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

264
GROCERY STORE

cancelcode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.sql.*" %>
<%! int r; ResultSet rs; String reason,cdate; %>
<%
try{
java.util.Date today = new java.util.Date();
Date cdate = new java.sql.Date(today.getTime());

r=Integer.parseInt(request.getParameter("txtorder"));
reason=request.getParameter("txtreason");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from orderdetails where orderno=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1, r);
rs=ps.executeQuery();
while(rs.next())
{
String qry2="insert into canceldetails values(?,?,?)";
PreparedStatement ps2=con.prepareStatement(qry2);
ps2.setInt(1, r);
ps2.setString(2, cdate.toString());
ps2.setString(3, reason);
int y=ps2.executeUpdate();
}

String qry3="delete from orderdetails where orderno=?";

PreparedStatement ps3=con.prepareStatement(qry3);
ps3.setInt(1, r);
int z=ps3.executeUpdate();
out.println("Your Order is cancelled successfully.");
}
catch(Exception ex)
{
out.println(ex);
}
%>

265
GROCERY STORE

</body>
</html>

266
GROCERY STORE

returnorder.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

267
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Return Order</div>
<form action="returncode.jsp">
<div class="field">
<input type="text" name="txtorder" required>
<label>Enter Order No</label>
</div>
<div class="field">
<input type="text" name="txtreason" required>
<label>Reason</label>
</div>
<div class="field">
<input type="submit" value="Return">
</div>
</form>
</div>
<br />
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>

268
GROCERY STORE

<button type="button" class="btn btn-outline-light btn-rounded">

Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

269
GROCERY STORE

returncode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.sql.*" %>
<%! int r; ResultSet rs; String reason,cdate; %>
<%
try{
java.util.Date today = new java.util.Date();
Date cdate = new java.sql.Date(today.getTime());

r=Integer.parseInt(request.getParameter("txtorder"));
reason=request.getParameter("txtreason");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from orderdetails where orderno=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1, r);
rs=ps.executeQuery();
while(rs.next())
{
String qry2="insert into returndetails values(?,?,?)";
PreparedStatement ps2=con.prepareStatement(qry2);
ps2.setInt(1, r);
ps2.setString(2, cdate.toString());
ps2.setString(3, reason);
int y=ps2.executeUpdate();
}

String qry3="delete from orderdetails where orderno=?";

PreparedStatement ps3=con.prepareStatement(qry3);
ps3.setInt(1, r);
int z=ps3.executeUpdate();
out.println("Your Order is returned successfully.");
}
catch(Exception ex)
{
out.println(ex);
}
%>

270
GROCERY STORE

</body>
</html>

271
GROCERY STORE

changePassword.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else

272
GROCERY STORE

out.println(session.getAttribute("cnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Change Password</div>
<form action="changePasswordCode.jsp">
<div class="field">
<input type="password" name="txtpwd" required>
<label>Current Password</label>
</div>
<div class="field">
<input type="password" name="txtnpwd" required>
<label>New Password</label>
</div>
<div class="field">
<input type="submit" value="Proceed">
</div>
</form>
</div>
</div>
</div>
<br />
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">

273
GROCERY STORE

Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

274
GROCERY STORE

changePasswordCode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.sql.*"%>
<%
try {
String cpwd,npwd;
int custid;

cpwd=request.getParameter("txtpwd");
npwd=request.getParameter("txtnpwd");
custid=Integer.parseInt(session.getAttribute("cid").toString());
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="Update CUSTREGISTERATION set PASSWORD=? where custid="+custid+"and
password="+"'"+cpwd+"'";
PreparedStatement ps=con.prepareStatement(qry);
ps.setString(1,npwd);
int r=ps.executeUpdate();
if(r==1)
{
%>

<div>
<table>
<td>
<%=" Password Changed Successfully"%>
</td>
</table>
</div>

<%
}
else
{
%>
<div>
<table>
<td>

275
GROCERY STORE

<%="Wrong Current Password"%>

</td>
</table>
</div>
<%
}
}
catch(Exception ex)
{
out.println(ex);
}
%>

</body>
</html>

276
GROCERY STORE

viewcart.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
<li><a href="viewcart.jsp">View Cart</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else
out.println(session.getAttribute("cnm").toString());

277
GROCERY STORE

%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>
<h1 style="text-align: center;">View Cart</h1>
<div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>Congratulation!</strong> Your coupon code NEW100 is successfully auto applied.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-
label="Close"></button>
</div>

<%@page import="java.sql.*"%>
<%! int q,total; %>
<%
try{
int cid; ResultSet rs,rs2;
cid=Integer.parseInt(session.getAttribute("cid").toString());
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from cartdetails where custid=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1, cid);
rs=ps.executeQuery();

String qry2="select (sum(qty*price)-100) from cartdetails where custid=?";

PreparedStatement ps2=con.prepareStatement(qry2);
ps2.setInt(1, cid);
rs2=ps2.executeQuery();
rs2.next();
total=rs2.getInt(1);
%>
<form action="payment.jsp">
<div style="padding-left: 150px">
<table>

278
GROCERY STORE

<%
while(rs.next())
{
%>
<tr>
<td>
<% out.println("<img width='50' height='50' src=DisplayPhotoServlet?id=" +
rs.getInt("prodid") + "></img> <p/>"); %>
</td>
<td>
<%= " Product ID: "+rs.getInt("prodid")+"<br>" %>
</td>
<td>
<%= " , Product Name: "+rs.getString("prodnm")+"<br>" %>
</td>
<td>
<%= " , Price: "+rs.getInt("price")+"<br>" %>
</td>
<td>
<%= " , Description: "+rs.getString("description")+"<br>" %>
</td>
<td>
<%= " , Purchase Date: "+rs.getString("purdate")+"<br>" %>
</td>
<td>
<% q=Integer.parseInt(rs.getString("qty")); %>
,&nbsp;Qty:<input type="number" value="<%=q %>" style="width:30px" />
</td>
</tr>

<%
}
}catch(Exception ex){
out.println(ex);
}
%>
</table>
</div>
<div style="padding-left: 150px; padding-bottom: 50px; padding-top: 50px;">
<table>
<tr>
<td style="text-transform: uppercase; font-weight: bold">Your Total
Bill:&nbsp;&nbsp;&#8377</td>
<td style="text-transform: uppercase; font-weight: bold"><%=total %>
<%
session.setAttribute("bill", total);
%>
</td>

279
GROCERY STORE

</tr>
<tr>
<td><a href="payment.jsp" class="btn btn-primary" role="button" style="margin-top:
2px;">Make Payment</a></td>
</tr>
</table>
</div>
</form>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

280
GROCERY STORE

payment.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="home.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 100vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; font-weight: bolder; padding-left: 350px; font-size:
15px; "><i class="fas fa-shopping-bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery
products | FLAT Rs.100 cashback on first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
</div>

<div class="container" id="container">

<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("cnm")==null)
response.sendRedirect("login.jsp");
else
out.println(session.getAttribute("cnm").toString());

281
GROCERY STORE

%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="logout.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="changePassword.jsp">Change Password</a></li>
</ul>
</div>
</div>
<h1 style="text-align: center; margin: 20px;">Make Payment Through Credit/Debit Card</h1>
<div style="padding-left: 500px">
<form action="Receipt.jsp">
<%@page import="java.sql.*" %>
<%! int tid; %>
<%
try{
ResultSet rs;
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select max(transid) from payment";
PreparedStatement ps=con.prepareStatement(qry);

rs=ps.executeQuery();
if(rs.next())
{
tid=rs.getInt(1);
tid++;
}
}catch(Exception ex)
{
out.println(ex);
}
%>
<table>
<tr>
<td style="font-weight: 900">Transaction ID</td>
<td><input type="text" name="txttrans" style="border-radius: 5px; margin: 5px;
height: 25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px;
transition: all 0.3s ease;" value="<%=tid %>" readonly="true"/></td>

282
GROCERY STORE

</tr>
<tr>
<td style="font-weight: 900">Amount</td>
<td><input type="text" name="txtamt" style="border-radius: 5px; margin: 5px; height:
25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px; transition: all
0.3s ease;" value="<%=session.getAttribute("bill").toString() %>" readonly="true" /></td>
</tr>
<tr>
<td style="font-weight: 900">CardNo</td>
<td><input type="text" name="txtcardno" style="border-radius: 5px; margin: 5px;
height: 25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px;
transition: all 0.3s ease;"/></td>
</tr>
<tr>
<td style="font-weight: 900">CardType</td>
<td>
<select name="txtctype" style="border-radius: 5px; margin: 5px; height: 25px; width:
100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px; transition: all 0.3s ease;">
<option value="Debit">Debit</option>
<option value="Credit">Credit</option>
</select>
</td>
</tr>
<tr>
<td style="font-weight: 900">Bank Name</td>
<td>
<select name="banknm" style="border-radius: 5px; margin: 5px; height: 25px; width:
100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px; transition: all 0.3s ease;">
<option value="SBI">SBI</option>
<option value="ICICI">ICICI</option>
<option value="HDFC">HDFC</option>
<option value="PNB">PNB</option>
</select>
</td>
</tr>
<tr>
<td style="font-weight: 900">CVV</td>
<td><input type="password" name="txtcvv" style="border-radius: 5px; margin: 5px;
height: 25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px;
transition: all 0.3s ease;"/></td>
</tr>
<tr>
<td style="font-weight: 900">Card Holder Name</td>
<td><input type="text" name="txtchname" style="border-radius: 5px; margin: 5px;
height: 25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px;
transition: all 0.3s ease;"/></td>
</tr>
<tr>

283
GROCERY STORE

<td style="font-weight: 900">Valid Upto</td>

<td><input type="text" name="txtvupto" style="border-radius: 5px; margin: 5px;
height: 25px; width: 100%; border: 1px solid #ccc; border-bottom-width: 2px; font-size: 16px;
transition: all 0.3s ease;"/></td>
</tr>
<tr>
<td><input type="submit" value="Pay" style="background-color: blue; width: 100%;
color: white; height: 30px; margin: 14px;"></td>
</tr>
</table>
</form>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

284
GROCERY STORE

Receipt.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function show()
{
if (confirm("Invalid Card Details"))
{
window.location="payment.jsp";
}
else
{
window.location="Receipt.jsp";
}
}
</script>
</head>
<body>
<%@page import="java.sql.*" %>
<%!int transid,amt,cno,cv; String ctype,bank,holdernm,vu; ResultSet r; %>
<%
java.util.Date today = new java.util.Date();
Date cDate = new java.sql.Date(today.getTime());

transid=Integer.parseInt(request.getParameter("txttrans"));
amt=Integer.parseInt(request.getParameter("txtamt"));
cno=Integer.parseInt(request.getParameter("txtcardno"));
ctype=request.getParameter("txtctype");
bank=request.getParameter("banknm");
cv=Integer.parseInt(request.getParameter("txtcvv"));
holdernm=request.getParameter("txtchname");
vu=request.getParameter("txtvupto");
// try{
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry = "select * from banktable where cardno="+cno+"and
cardtype="+"'"+ctype+"'"+"and bankname="+"'"+bank+"'"+"and cvv="+cv+"and
holdername="+"'"+holdernm+"'"+"and balance>="+amt+"and validupto="+"'"+vu+"'";
PreparedStatement ps = con.prepareStatement(qry);
r=ps.executeQuery();
if(!r.next())

285
GROCERY STORE

{ %>
<script>
show();
</script>
<%
}
else{
int custid=Integer.parseInt(session.getAttribute("cid").toString());
String qry1="insert into payment values(?,?,?,?,?,?,?)";
PreparedStatement ps1=con.prepareStatement(qry1);
ps1.setInt(1, transid);
ps1.setInt(2, amt);
ps1.setInt(3, custid);
ps1.setString(4, cDate.toString());
ps1.setInt(5, cno);
ps1.setString(6, ctype);
ps1.setString(7, bank);
int x = ps1.executeUpdate();
if(x==1){
String qry2="select * from cartdetails where custid=?";
PreparedStatement ps2=con.prepareStatement(qry2);
ps2.setInt(1,custid);
ResultSet rs2=ps2.executeQuery();
while(rs2.next())
{
String qry3="insert into orderdetails values(?,?,?,?,?,?,?,?,?)";
PreparedStatement ps3=con.prepareStatement(qry3);
ps3.setInt(1, transid);
ps3.setString(2, cDate.toString());
ps3.setInt(3, custid);
ps3.setInt(4, rs2.getInt("prodid"));
ps3.setString(5, rs2.getString("prodnm"));
ps3.setInt(6, rs2.getInt("price"));
ps3.setString(7, rs2.getString("description"));
ps3.setInt(8, rs2.getInt("qty"));
ps3.setString(9, "Pending");

int y = ps3.executeUpdate();
if(y==1)
{
String qry4="delete from cartdetails where custid=?";
PreparedStatement ps4=con.prepareStatement(qry4);
ps4.setInt(1, custid);
int z=ps4.executeUpdate();
}
}
}
}

286
GROCERY STORE

%>
<table>
<tr>
<td><h1>Thank You For Making Payment</h1></td>
</tr>
<tr>
<td><h3>Payment Receipt</h3></td>
</tr>
<tr>
<td>Transaction ID</td>
<td><% out.println(transid); %></td>
</tr>
<tr>
<td>Amount</td>
<td><% out.println(amt); %></td>
</tr>
<tr>
<td>CardNo</td>
<td><% out.println(cno); %></td>
</tr>
<tr>
<td>Bank Name</td>
<td><% out.println(bank); %></td>
</tr>
<tr>
<td>Payment Date</td>
<td><%

out.println(cDate);
%>
</td>
</tr>
<tr>
<td><input type="button" value="PRINT" onclick="window.print()"></td>
</tr>
</table>
<%
// }catch(Exception ex)
// {
// out.println(ex);
// }
%>
</body>
</html>

287
GROCERY STORE

logout.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>

<div style="display: flex; width: 98.5vw; margin:0 auto;">

<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>
<div class="dropdown" style="padding-right: 4px;">
<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>
</div>

288
GROCERY STORE

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div style="padding-top: 100px; padding-left: 450px; padding-bottom: 150px">

<p style="font-size: xxx-large;"><span style="font-weight: bold;">All done!</span> Have a
nice night</p>
<p style="font-size: x-large;"><span style="font-weight: bold;">Thank you!</span> for
Shopping with Us.</p>
<h3>A bit more to do?</h3>
<a href="login.jsp" class="btn btn-info"
role="button">LOGIN</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.jsp" class="btn btn-
info" role="button">HOME</a>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->

289
GROCERY STORE

</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

290
GROCERY STORE

forgetPassword.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 98.5vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>

<div class="dropdown" style="padding-right: 4px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>

291
GROCERY STORE

</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>
<br />
<br />
<br />
<div class="wrapper">
<div class="title">Forgot Password</div>
<form action="forgetcode.jsp">
<div class="field">
<input type="text" name="mail" required>
<label>Enter Registered EmailID</label>
</div>
<div class="field">
<input type="submit" value="SEND">
</div>
<div class="signup-link">Not a member? <a href="registration.jsp">Signup now</a></div>
</form>
</div>
<br />
<br />
<br />
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->

292
GROCERY STORE

</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

293
GROCERY STORE

forgetcode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Forget Password</h1>
<%@ page import="java.util.*,javax.mail.*" %>
<%@ page import="javax.mail.internet.*" %>
<%@ page import="java.sql.*" %>
<%! String rmail; %>
<%
try{
rmail=request.getParameter("mail");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from custregisteration where email="+"'"+rmail+"'";
PreparedStatement ps=con.prepareStatement(qry);

ResultSet rs=ps.executeQuery();
if(rs.next())
{
final String messg = "Your Password is "+rs.getString("password");
final String from = "prateeksingh825@gmail.com";
final String pass = "Sanket825@asha";
String host = "smtp.gmail.com";
String to=rmail;
String subject="Password Recovery";

//Creating Properties object

Properties props = new Properties();
props.put("mail.smtp.host", host);
props.put("mail.transport.protocol", "smtp");
props.put("mail.smtp.auth", "true");
props.put("mail.smtp.starttls.enable","true");
props.put("mail.user", from);
props.put("mail.password", pass);
props.put("mail.port", "587");

//Authorized the Session object

Session mailSession = Session.getInstance(props, new javax.mail.Authenticator() {

294
GROCERY STORE

@Override

protected PasswordAuthentication getPasswordAuthentication() {

return new PasswordAuthentication(from, pass);

}
});

//Create a default MimeMessage object.

MimeMessage message = new MimeMessage(mailSession);

message.setFrom(new InternetAddress(from));
message.addRecipient(Message.RecipientType.TO,new InternetAddress(to));
message.setSubject(subject);
message.setText(messg);

//Send message
Transport transport = mailSession.getTransport();
transport.connect();
transport.sendMessage(message, message.getRecipients(Message.RecipientType.TO));
transport.close();
out.println("Your Password sent to mail successfully....");
}
else
out.println("EmailID Not Registered");
}catch(MessagingException mex)
{
mex.printStackTrace();
out.println(mex);
}
%>
</body>
</html>

295
GROCERY STORE

vendorLogin.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="index.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
<li><a href="FAQ.jsp">FAQ's</a></li>
</ul>
</nav>
<div style="display: flex; width: 98.5vw; margin:0 auto;">
<div style="flex:1;">
<p style="background-color: #00fff0; height: 4.5vh; font-weight: bolder; padding-left:
350px; padding-top: 3px; font-size: 15px; "><i class="fas fa-shopping-
bag"></i>&nbsp;&nbsp;&nbsp;&nbsp;A great place for grocery products | FLAT Rs.100 cashback on
first 2 orders <span style="color:blue">Code: NEW100</p>
</div>

<div class="dropdown" style="padding-right: 4px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SIGN UP
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="registration.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorRegisteration.jsp">Vendor</a></li>
</ul>

296
GROCERY STORE

</div>

<div class="dropdown" style="padding-right: 1px;">

<button class="btn btn-primary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
LOGIN IN
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="login.jsp">Customer</a></li>
<li><a class="dropdown-item" href="vendorLogin.jsp">Vendor</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Vendor Login</div>
<form action="venLoginCode.jsp">
<div class="field">
<input type="text" name="txtvemail" required>
<label>Email Address</label>
</div>
<div class="field">
<input type="password" name="txtvpwd" required>
<label>Password</label>
</div>
<div class="content">
<div class="checkbox">
<input type="checkbox" id="remember-me">
<label for="remember-me">Remember me</label>
</div>
<div class="pass-link"><a href="#">Forgot password?</a></div>
</div>
<div class="field">
<input type="submit" value="Login">
</div>
<div class="signup-link">Not a member? <a href="vendorRegisteration.jsp">Signup
now</a></div>
</form>
</div>
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">

297
GROCERY STORE

<span class="me-3">Register for free</span>

<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

298
GROCERY STORE

venLoginCode.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@ page import="java.sql.*" %>
<%
try{
String mail,pwd;
ResultSet r;
mail = request.getParameter("txtvemail");
pwd= request.getParameter("txtvpwd");

Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from vendorregisteration where vemail="+"'"+mail+"'"+" and
password="+"'"+pwd+"'";
PreparedStatement ps = con.prepareStatement(qry);
r=ps.executeQuery();
if(r.next()){
session.setAttribute("vid",r.getInt("vendorid"));
session.setAttribute("vnm",r.getString("vendorname"));
response.sendRedirect("vendorhome.jsp");
}else{
%>
<div>
<table>
<td>
<%= "Invalid email or password" %>
</td>
</table>
</div>
<%
}
}
catch(Exception ex){
out.println(ex);
}
%>

</body>
</html>

299
GROCERY STORE

300
GROCERY STORE

vendorhome.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="vendorhome.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("vnm")==null)
response.sendRedirect("vendorLogin.jsp");
else
out.println(session.getAttribute("vnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">

301
GROCERY STORE

<button class="btn btn-secondary dropdown-toggle" type="button"

id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">Change Password</a></li>
</ul>
</div>
</div>

<div class="main">
<!--cards -->
<div class="card">
<div class="image">
<img src="grocery.jpg" alt="grocery" style="height: 120px;">
</div>
<div class="title">
<h1>Grocery & Staples</h1>
</div>
<div class="des">
<p class="card-text">Pulses, Atta & Other Flours, Rice & Other Grains, Dry Fruits & Nuts,
Edible Oils, Ghee & Vanaspati, Spices, Salt & Sugar, Organic Staples, Grocery Best Offers, Pesticide-
Free Staples</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="personal.jpg" alt="personal care" style="height: 140px;">
</div>
<div class="title">
<h1>Personal Care</h1>
</div>
<div class="des">
<p class="card-text">New Launches, Health And Wellness, Bath & Body, Hair Care, Skin
Care, Oral Care, Men's Grooming, Face Care, Women's Grooming, Fragrances, Cosmetics</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="cleaing.jpg" alt="Household Itmes" style="height: 100px;">
</div>
<div class="title">
<h1>Household Items</h1>
</div>

302
GROCERY STORE

<div class="des">
<p class="card-text">Disinfectants, Household Best Offers, Laundry Detergents, Cleaners,
Dishwashers, Liquid Detergents, Repellents, Tissues & Disposables, Pooja Needs, Home & Car
Fresheners, Shoe Care, Cleaning Tools & Brushes</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="Snack.jpg" alt="snacks" style="height: 110px;">
</div>
<div class="title">
<h1>Biscuits, Snacks & Chocolates</h1>
</div>
<div class="des">
<p class="card-text">Chocolates, Biscuits & Cookies, Namkeen & Snacks, Chips & Crisps,
Sweets, New Launches, Biscuits & Chocolates Offers, Confectionery</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="beverages.jpg" alt="beverages">
</div>
<div class="title">
<h1>Beverages</h1>
</div>
<div class="des">
<p class="card-text">New Launches, Best Offers, Cold Drinks, Juices & Drinks, Tea &
Coffee, Health & Energy Drinks, Water & Soda, Super Combos, Milk Drinks</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="noodles.jpg" alt="instant food" height="110px">
</div>
<div class="title">
<h1>Noodles, Sauces & Instant Food</h1>
</div>
<div class="des">
<p class="card-text">New Launches, Noodles & Sauces Best Offers, Noodles & Vermicelli,
Sauces & Ketchups, Jams & Spreads, Pasta & Soups, Ready Made Meals & Mixes, Pickles & Chutneys,
Canned & Frozen Food, Baking & Dessert Items, Honey & Chyawanprash</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>

303
GROCERY STORE

</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="petcare.jpg" alt="pet care" height="220px">
</div>
<div class="title">
<h1>Pet Care</h1>
</div>
<div class="des">
<p class="card-text">Dog Supplies, Cat Supplies</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="babycare.jpg" alt="baby care" height="180px">
</div>
<div class="title">
<h1>Baby Care</h1>
</div>
<div class="des">
<p class="card-text">Baby Food, Diapers & Wipes, Baby Skin & Hair Care, Baby
Accessories & More, Mothers & Maternity</p>
<a href="addgrocery.jsp" class="btn btn-primary">Add Product</a>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

304
GROCERY STORE

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

305
GROCERY STORE

addgrocery.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="vendorhome.jsp">Home</a></li>
<li><a href="about.jsp">About</a></li>
<li><a href="contact.jsp">Contact</a></li>
<li><a href="feedback.jsp">Feedback</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("vnm")==null)
response.sendRedirect("vendorLogin.jsp");
else
out.println(session.getAttribute("vnm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<button type="button" class="btn btn-success">LOGOUT</button>
</div>
<div class="dropdown">

306
GROCERY STORE

<button class="btn btn-secondary dropdown-toggle" type="button"

id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
SETTINGS
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">Change Password</a></li>
</ul>
</div>
</div>

<div class="wrapper">
<div class="title">Add Products</div>
<form action="addgroceryprod.jsp" enctype="multipart/form-data" method="post">
<%@page import="java.sql.*" %>
<%! int pid; %>
<%
try{
ResultSet rs;
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select max(productid) from grocery";
PreparedStatement ps=con.prepareStatement(qry);

rs=ps.executeQuery();
if(rs.next())
{
pid=rs.getInt(1);
pid++;
}
}catch(Exception ex)
{
out.println(ex);
}
%>

<div class="field">
<input type="text" name="txtprodid" value="<%=pid %>" readonly="true" required>
</div>
<div class="field">
<input type="text" name="txtprodnm" required>
<label>Product Name</label>
</div>
<div class="field">
<input type="text" name="txtprice" required>
<label>Price</label>
</div>
<div class="field">

307
GROCERY STORE

<input type="text" name="txtdesc" required>

<label>Description</label>
</div>
<div class="field" title="Select Image">
<input type="file" name="picfile" required>
<label></label>
</div>
<div class="field">
<input type="submit" value="Save">
</div>
</form>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p class="d-flex justify-content-center align-items-center">
<span class="me-3">Register for free</span>
<button type="button" class="btn btn-outline-light btn-rounded">
Sign up!
</button>
</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

308
GROCERY STORE

addgroceryprod.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page
import="java.io.*,java.sql.*,java.util.*,org.apache.commons.fileupload.disk.DiskFileItemFactory,org.
apache.commons.fileupload.servlet.ServletFileUpload,org.apache.commons.fileupload.FileItem" %>
<%! String pic,nm,desc; int pid, pric; %>
<%
try
{
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload sfu = new ServletFileUpload(factory);

if(!ServletFileUpload.isMultipartContent(request)) {
out.println("Sorry! No File Selected");
return;
}

//parse request
List items = sfu.parseRequest(request);

FileItem prod = (FileItem) items.get(0);

String prodid = prod.getString();
pid = Integer.parseInt(prodid);

FileItem name = (FileItem) items.get(1);

String nm = name.getString();

FileItem pr = (FileItem) items.get(2);

String pri = pr.getString();
pric = Integer.parseInt(pri);

FileItem des = (FileItem) items.get(3);

String desc = des.getString();

FileItem file = (FileItem) items.get(4);

Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");

309
GROCERY STORE

String qry="insert into grocery values(?,?,?,?,?)";

PreparedStatement ps = con.prepareStatement(qry);
ps.setInt(1,pid);
ps.setString(2,nm);
ps.setInt(3,pric);
ps.setString(4,desc);
ps.setBinaryStream(5,file.getInputStream(), (int)file.getSize());
ps.executeUpdate();
out.println("Record Saved");

}catch(Exception ex){
out.println(ex);
}
%>
</body>
</html>

310
GROCERY STORE

Admin/AdminLogin.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminLogin.jsp">Home</a></li>
</ul>
</nav>
<br />
<br />
<br />
<div class="wrapper">
<div class="title">Admin Login</div>
<form action="AdminLoginCode.jsp">
<div class="field">
<input type="text" name="txtusernm" required>
<label>UserName</label>
</div>
<div class="field">
<input type="password" name="txtpwd" required>
<label>Password</label>
</div>
<div class="field">
<input type="submit" value="Login">
</div>
</form>
</div>
<br />
<br />

311
GROCERY STORE

<br />
<br />
</div>
<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Login</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

312
GROCERY STORE

Admin/AdminLoginCode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@ page import="java.sql.*" %>
<%
try{
String urnm,pwd;
ResultSet r;
urnm = request.getParameter("txtusernm");
pwd= request.getParameter("txtpwd");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from admin where usernm="+"'"+urnm+"'"+" and
password="+"'"+pwd+"'";
PreparedStatement ps = con.prepareStatement(qry);
r=ps.executeQuery();
if(r.next()){
session.setAttribute("anm",r.getString("usernm"));
response.sendRedirect("AdminHome.jsp");
}else{
%>
<div>
<table>
<td>
<%= "Invalid email or password" %>
</td>
</table>
</div>
<%
}
}
catch(Exception ex){
out.println(ex);
}
%>

</body>
</html>

313
GROCERY STORE

Admin/AdminHome.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>
<br />

<h1 style="text-align: center; text-decoration: underline; padding-bottom: 20px;">ADMIN</h1>

<div class="main">

314
GROCERY STORE

<!--cards -->
<div class="card">
<div class="image">
<img src="addproduct.jpg" alt="cart" style="height: 120px;">
</div>
<div class="title">
<h1>Add Products</h1>
</div>
<div class="des">
<p class="card-text">Add Your Products Here.</p>
<a href="addproduct.jsp" class="btn btn-primary" style="width: 100%; margin-top:
2px;">ADD</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="search.jpg" alt="search" style="height: 120px;">
</div>
<div class="title">
<h1>Search Payment</h1>
</div>
<div class="des">
<p class="card-text">Check Your Payment Details.</p>
<a href="searchPayment.jsp" class="btn btn-success" style="width: 100%; margin-top:
2px;">SEARCH</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="edit.jpg" alt="edit" style="height: 120px;">
</div>
<div class="title">
<h1>Edit Order</h1>
</div>
<div class="des">
<p class="card-text">Edit Order Status</p>
<a href="editOrder.jsp" class="btn btn-secondary" style="width: 100%; margin-top:
2px;">EDIT</a>
</div>
</div>
<!--cards -->
<div class="card">
<div class="image">
<img src="customer.jpg" alt="customer" style="height: 120px;">
</div>
<div class="title">

315
GROCERY STORE

<h1>Search Customer</h1>
</div>
<div class="des">
<p class="card-text">Search Customer Information</p>
<a href="searchCustomer.jsp" class="btn btn-success" style="width: 100%; margin-top:
2px;">SEARCH</a>
</div>
</div>
</div>

<br />
<section class="" style="padding-top: 25px">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Home</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

316
GROCERY STORE

Admin/editOrder.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>
<div class="wrapper">
<div class="title">Edit Order Status</div>

317
GROCERY STORE

<form action="editOrderCode.jsp">
<div class="field">
<input type="text" name="txtorderno" required>
<label>Enter Order No</label>
</div>
<div class="field">
<input type="text" name="txtprnm" required>
<label>Enter Product Name</label>
</div>
<div class="field">
<select name="status" style="height: 100%; width: 100%; outline: none; font-size: 17px;
padding-left: 20px; border: 1px solid lightgrey; border-radius: 25px; transition: all 0.3s ease;">
<option value="Confirmed">Confirmed</option>
<option value="Pending">Pending</option>
<option value="Delivered">Delivered</option>
<option value="Shipped">Shipped</option>
</select>
</div>
<div class="field">
<input type="submit" value="Submit">
</div>
</form>
</div>
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Edit Order</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

318
GROCERY STORE

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

319
GROCERY STORE

Admin/editOrderCode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@page import="java.sql.*"%>
<%
try {
String stus, prnm;
int ordid;

ordid=Integer.parseInt(request.getParameter("txtorderno"));
stus=request.getParameter("status");
prnm=request.getParameter("txtprnm");
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="Update orderdetails set status=? where orderno="+ordid+"and
prodnm="+"'"+prnm+"'";;
PreparedStatement ps=con.prepareStatement(qry);
ps.setString(1,stus);
int r=ps.executeUpdate();
if(r==1)
{
%>

<div>
<table>
<td>
<%="Status Changed Successfully"%>
</td>
</table>
</div>

<%
}
else
{
%>
<div>
<table>
<td>

320
GROCERY STORE

<%="Wrong Order No"%>

</td>
</table>
</div>
<%
}
}
catch(Exception ex)
{
out.println(ex);
}
%>

</body>
</html>

321
GROCERY STORE

Admin/searchPayment.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>

<div class="wrapper">

322
GROCERY STORE

<div class="title">Payment Details</div>

<form action="searchcode.jsp">
<div class="field">
<input type="text" name="txttransid" required>
<label>Enter Transition ID</label>
</div>
<div class="field">
<input type="submit" value="Search">
</div>
</form>
</div>
<br />
<br />
<br />
<br />
<br />
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Search Payment</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

323
GROCERY STORE

Admin/searchcode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>

<%@page import="java.sql.*" %>

<%

324
GROCERY STORE

try{
int r; ResultSet rs;
r=Integer.parseInt(request.getParameter("txttransid"));
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from payment where transid=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1,r);
rs=ps.executeQuery();
if(rs.next())
{
%>
<h1 style="text-align: center; margin: 20px;">Payment Details</h1>
<div style="margin-bottom: 250px; margin-top: 50px; margin-left: 620px;">
<table>
<tr>
<td style="font-weight: 900"><%= " Transaction ID:-
"+rs.getString("transid")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Amount:-
&#8377;"+rs.getString("amount")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Customer ID:- "+rs.getString("custid")+"<br>"
%></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Card Number:-
"+rs.getString("cardno")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Card Type:- "+rs.getString("cardtype")+"<br>"
%></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Bank Name:- "+rs.getString("banknm")+"<br>"
%></td>
</tr>
</table>
</div>
<%
}
else
{
out.println("Record Not Found");
}

325
GROCERY STORE

}
catch(Exception ex)
{
out.println(ex);
}
%>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Payment Details</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

326
GROCERY STORE

Admin/searchCustomer.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="body">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>

<div class="wrapper">

327
GROCERY STORE

<div class="title">Search Customer</div>

<form action="searchcustcode.jsp">
<div class="field">
<input type="text" name="txtcustid" required>
<label>Enter Customer ID</label>
</div>
<div class="field">
<input type="submit" value="Search">
</div>
</form>
</div>
<br />
<br />
<br />
<br />
<br />
</div>
</div>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Add Product</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

328
GROCERY STORE

Admin/searchcustcode.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Online Grocery Shopping</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="beforeLogin.css">
<link rel="stylesheet" href="login.css">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">BeMyShopper</label>
<ul>
<li><a class="active" href="AdminHome.jsp">Home</a></li>
</ul>
</nav>
<div class="container" id="container">
<div class="item">
<table>
<tr>
<td style="padding-left: 10px">Welcome:&nbsp;</td>
<td style="color: crimson; text-transform: uppercase; font-weight: bold"><%
if(session.getAttribute("anm")==null)
response.sendRedirect("AdminLogin.jsp");
else
out.println(session.getAttribute("anm").toString());
%></td>
</tr>
</table>
</div>
<div class="item push">
<a href="AdminLogin.jsp" class="btn btn-success" role="button">LOGOUT</a>
</div>
</div>

<%@page import="java.sql.*" %>

<%

329
GROCERY STORE

try{
int r; ResultSet rs;
r=Integer.parseInt(request.getParameter("txtcustid"));
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery", "grocery");
String qry="select * from custregisteration where custid=?";
PreparedStatement ps=con.prepareStatement(qry);
ps.setInt(1,r);
rs=ps.executeQuery();
if(rs.next())
{
%>
<h1 style="text-align: center; margin: 20px;">Product Details</h1>
<div style="margin-bottom: 250px; margin-top: 50px; margin-left: 620px;">
<table>
<tr>
<td style="font-weight: 900"><%= " Customer ID:- "+rs.getString("custid")+"<br>"
%></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Customer Name:-
"+rs.getString("name")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Email:- "+rs.getString("email")+"<br>" %></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Phone No.:- "+rs.getString("phno")+"<br>"
%></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Date Of Birth:- "+rs.getString("dob")+"<br>"
%></td>
</tr>
<tr>
<td style="font-weight: 900"><%= " Password:- "+rs.getString("password")+"<br>"
%></td>
</tr>
</table>
</div>
<%
}
else
{
out.println("Record Not Found");
}
}

330
GROCERY STORE

catch(Exception ex)
{
out.println(ex);
}
%>

<section class="">
<!-- Footer -->
<footer class="text-center text-white" style="background-color: #0a4275;">
<!-- Grid container -->
<div class="container1 p-4 pb-0">
<!-- Section: CTA -->
<section class="">
<p>Admin Add Product</p>
</section>
<!-- Section: CTA -->
</div>
<!-- Grid container -->

<!-- Copyright -->

<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-white" href="index.jsp">BeMyShopper.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

331
GROCERY STORE

DisplayPhotoServlet.java

/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.InputStream;
import java.io.OutputStream;
import java.sql.*;

/**
*
* @author Prateek
*/
@WebServlet(urlPatterns = {"/DisplayPhotoServlet"})
public class DisplayPhotoServlet extends HttpServlet {

/**
* Processes requests for both HTTP <code>GET</code> and <code>POST</code>
* methods.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
try {
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection con =
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","grocery","grocery");
PreparedStatement ps = con.prepareStatement("SELECT picpath from grocery where
productid=?");
int id = Integer.parseInt(request.getParameter("id"));
ps.setInt(1,id);
ResultSet rs = ps.executeQuery();
rs.next();
Blob b = rs.getBlob("PICPATH");

332
GROCERY STORE

response.setContentType("image/jpeg");
response.setContentLength( (int) b.length());
InputStream is = b.getBinaryStream();
OutputStream os = response.getOutputStream();
byte buf[] = new byte[(int) b.length()];
is.read(buf);
os.write(buf);
os.close();
}
catch(Exception ex) {
out.println(ex.getMessage());
}
}

// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left

to edit the code.">
/**
* Handles the HTTP <code>GET</code> method.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}

/**
* Handles the HTTP <code>POST</code> method.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}

/**
* Returns a short description of the servlet.
*
* @return a String containing servlet description

333
GROCERY STORE

*/
@Override
public String getServletInfo() {
return "Short description";
}// </editor-fold>

334
GROCERY STORE

CSS FILES
beforeLogin.css

*{
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
box-sizing: border-box;
}
body{
font-family: sans-serif;
}
nav{
background: #000000;
height: 80px;
width: 100%;
}
label.logo{
color: white;
font-size: 35px;
line-height: 80px;
padding: 0 100px;
font-weight: bold;
}
nav ul{
float: right;
margin-right: 20px;
}
nav ul li{
display: inline-block;
line-height: 80px;
margin: 0 5px;
}
nav ul li a{
color: white;
font-size: 17px;
padding: 7px 13px;
border-radius: 3px;
text-transform: uppercase;
}
a.active,a:hover{
background: #1b9bff;
transition: .5s;

335
GROCERY STORE

}
.checkbtn{
font-size: 30px;
color: white;
float: right;
line-height: 80px;
margin-right: 40px;
cursor: pointer;
display: none;
}
#check{
display: none;
}
@media (max-width: 952px){
label.logo{
font-size: 30px;
padding-left: 50px;
}
nav ul li a{
font-size: 16px;
}
}
@media (max-width: 858px){
.checkbtn{
display: block;
}
ul{
position: fixed;
width: 100%;
height: 100vh;
background: #2c3e50;
top: 80px;
left: -100%;
text-align: center;
transition: all .5s;
}
nav ul li{
display: block;
margin: 50px 0;
line-height: 30px;
}
nav ul li a{
font-size: 20px;
}
a:hover,a.active{
background: none;
color: #0082e6;
}

336
GROCERY STORE

#check:checked ~ ul{
left: 0;
}
}

337
GROCERY STORE

index.css

.tales {
width: 100%;
height: 500px;
}
.center{
text-align: center;
}
.img-circle{
border-radius: 50%;
}

338
GROCERY STORE

about.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

.body{
display: flex;
min-height: 100vh;
align-items: center;
justify-content: center;
width: 100%;
}
.container{
width: 360px;
background: #000;
box-shadow: 0 0 8px rgba(250,250,250,0.6);
opacity: 1;
}
.container form{
width: 100%;
text-align: center;
padding: 25px 20px;
}
form h1{
padding: 10px 0;
color: #00fff0;
}
form p{
color: #1b9bff;
}

339
GROCERY STORE

contact.css

@import
url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=s
wap');
.body{
min-height: 100vh;
width: 100%;
background: #c8e8e9;
display: flex;
align-items: center;
justify-content: center;
}
.container{
width: 85%;
background: #fff;
border-radius: 6px;
padding: 20px 60px 30px 40px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.container .content{
display: flex;
align-items: center;
justify-content: space-between;
}
.container .content .left-side{
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 15px;
position: relative;
}
.content .left-side::before{
content: '';
position: absolute;
height: 70%;
width: 2px;
right: -15px;
top: 50%;
transform: translateY(-50%);
background: #afafb6;
}
.content .left-side .details{
margin: 14px;
text-align: center;

340
GROCERY STORE

}
.content .left-side .details i{
font-size: 30px;
color: #3e2093;
margin-bottom: 10px;
}
.content .left-side .details .topic{
font-size: 18px;
font-weight: 500;
}
.content .left-side .details .text-one,
.content .left-side .details .text-two{
font-size: 14px;
color: #afafb6;
}
.container .content .right-side{
width: 75%;
margin-left: 75px;
}
.content .right-side .topic-text{
font-size: 23px;
font-weight: 600;
color: #3e2093;
}
.right-side .input-box{
height: 50px;
width: 100%;
margin: 12px 0;
}
.right-side .input-box input,
.right-side .input-box textarea{
height: 100%;
width: 100%;
border: none;
outline: none;
font-size: 16px;
background: #F0F1F8;
border-radius: 6px;
padding: 0 15px;
resize: none;
}
.right-side .message-box{
min-height: 110px;
}
.right-side .input-box textarea{
padding-top: 6px;
}
.right-side .button{

341
GROCERY STORE

display: inline-block;
margin-top: 12px;
}
.right-side .button input[type="submit"]{
color: #fff;
font-size: 18px;
outline: none;
border: none;
padding: 8px 16px;
border-radius: 6px;
background: #3e2093;
cursor: pointer;
transition: all 0.3s ease;
}
.button input[type="submit"]:hover{
background: #5029bc;
}

@media (max-width: 950px) {

.container{
width: 90%;
padding: 30px 40px 40px 35px ;
}
.container .content .right-side{
width: 75%;
margin-left: 55px;
}
}
@media (max-width: 820px) {
.container{
margin: 40px 0;
height: 100%;
}
.container .content{
flex-direction: column-reverse;
}
.container .content .left-side{
width: 100%;
flex-direction: row;
margin-top: 40px;
justify-content: center;
flex-wrap: wrap;
}
.container .content .left-side::before{
display: none;
}
.container .content .right-side{
width: 100%;

342
GROCERY STORE

margin-left: 0;
}
}

343
GROCERY STORE

feedback.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

.section{
position: absolute;
height: 100%;
width: 100%;
}
.body{
display: flex;
min-height: 100vh;
align-items: center;
justify-content: center;
width: 100%;
}
.container{
width: 360px;
background: #000;
box-shadow: 0 0 8px rgba(250,250,250,0.6);
opacity: 0.6;
}
.container form{
width: 100%;
text-align: center;
padding: 25px 20px;
}
form h1{
padding: 10px 0;
}
form .id{
position: relative;
}
.id i{
position: absolute;
font-size: 20px;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
form input{
width: 100%;
height: 50px;
margin: 4px 0;
border: 1px solid #5c5c5c;
border-radius: 3px;
background: #181717;
padding: 0 15px;

344
GROCERY STORE

padding-right: 45px;
font-size: 20px;
}
form textarea{
padding: 5px 15px;
border: 1px solid #5c5c5c;
border-radius: 3px;
background: #181717;
font-size: 20px;
width: 100%;
margin: 4px 0;
}
form input:focus::placeholder,
form textarea:focus::placeholder{
padding-left: 4px;
color: #00fff0;
transition: all 0.3s ease;
}
form input:focus + i{
color: #00fff0;
transition: all 0.3s ease;
}

345
GROCERY STORE

registration.css

@import
url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=s
wap');

.container{
max-width: 700px;
width: 100%;
background-color: #fff;
padding: 25px 30px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.container .title{
font-size: 25px;
font-weight: 500;
position: relative;
}
.container .title::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 30px;
border-radius: 5px;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
.content form .user-details{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 12px 0;
}
form .user-details .input-box{
margin-bottom: 15px;
width: calc(100% / 2 - 20px);
}
form .input-box span.details{
display: block;
font-weight: 500;
margin-bottom: 5px;
}
.user-details .input-box input{
height: 45px;
width: 100%;
outline: none;

346
GROCERY STORE

font-size: 16px;
border-radius: 5px;
padding-left: 15px;
border: 1px solid #ccc;
border-bottom-width: 2px;
transition: all 0.3s ease;
}
.user-details .input-box input:focus,
.user-details .input-box input:valid{
border-color: #9b59b6;
}
form .gender-details .gender-title{
font-size: 20px;
font-weight: 500;
}
form .category{
display: flex;
width: 80%;
margin: 14px 0 ;
justify-content: space-between;
}
form .category label{
display: flex;
align-items: center;
cursor: pointer;
}
form .category label .dot{
height: 18px;
width: 18px;
border-radius: 50%;
margin-right: 10px;
background: #d9d9d9;
border: 5px solid transparent;
transition: all 0.3s ease;
}
#dot-1:checked ~ .category label .one,
#dot-2:checked ~ .category label .two,
#dot-3:checked ~ .category label .three{
background: #9b59b6;
border-color: #d9d9d9;
}
form input[type="radio"]{
display: none;
}
form .button{
height: 45px;
margin: 35px 0
}

347
GROCERY STORE

form .button input{

height: 100%;
width: 100%;
border-radius: 5px;
border: none;
color: #fff;
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s ease;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
form .button input:hover{
/* transform: scale(0.99); */
background: linear-gradient(-135deg, #71b7e6, #9b59b6);
}
@media(max-width: 584px){
.container{
max-width: 100%;
}
form .user-details .input-box{
margin-bottom: 15px;
width: 100%;
}
form .category{
width: 100%;
}
.content form .user-details{
max-height: 300px;
overflow-y: scroll;
}
.user-details::-webkit-scrollbar{
width: 5px;
}
}
@media(max-width: 459px){
.container .content .category{
flex-direction: column;
}
}

348
GROCERY STORE

login.css

.body{
display: grid;
height: 100%;
width: 100%;
place-items: center;
background: #f2f2f2;
}
::selection{
background: #4158d0;
color: #fff;
}
.wrapper{
width: 380px;
background: #fff;
border-radius: 15px;
box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
}
.wrapper .title{
font-size: 35px;
font-weight: 600;
text-align: center;
line-height: 100px;
color: #fff;
user-select: none;
border-radius: 15px 15px 0 0;
background: linear-gradient(-135deg, #c850c0, #4158d0);
}
.wrapper form{
padding: 10px 30px 50px 30px;
}
.wrapper form .field{
height: 50px;
width: 100%;
margin-top: 20px;
position: relative;
}
.wrapper form .field input{
height: 100%;
width: 100%;
outline: none;
font-size: 17px;
padding-left: 20px;
border: 1px solid lightgrey;
border-radius: 25px;
transition: all 0.3s ease;
}

349
GROCERY STORE

.wrapper form .field input:focus,

form .field input:valid{
border-color: #4158d0;
}
.wrapper form .field label{
position: absolute;
top: 50%;
left: 20px;
color: #999999;
font-weight: 400;
font-size: 17px;
pointer-events: none;
transform: translateY(-50%);
transition: all 0.3s ease;
}
form .field input:focus ~ label,
form .field input:valid ~ label{
top: 0%;
font-size: 16px;
color: #4158d0;
background: #fff;
transform: translateY(-50%);
}
form .content{
display: flex;
width: 100%;
height: 50px;
font-size: 16px;
align-items: center;
justify-content: space-around;
}
form .content .checkbox{
display: flex;
align-items: center;
justify-content: center;
}
form .content input{
width: 15px;
height: 15px;
background: red;
}
form .content label{
color: #262626;
user-select: none;
padding-left: 5px;
}
form .content .pass-link{
color: "";

350
GROCERY STORE

}
form .field input[type="submit"]{
color: #fff;
border: none;
padding-left: 0;
margin-top: -10px;
font-size: 20px;
font-weight: 500;
cursor: pointer;
background: linear-gradient(-135deg, #c850c0, #4158d0);
transition: all 0.3s ease;
}
form .field input[type="submit"]:active{
transform: scale(0.95);
}
form .signup-link{
color: #262626;
margin-top: 20px;
text-align: center;
}
form .pass-link a,
form .signup-link a{
color: #4158d0;
text-decoration: none;
}
form .pass-link a:hover,
form .signup-link a:hover{
text-decoration: underline;
}

351
GROCERY STORE

home.css

*{
margin: 0px;
padding: 0px;
}
body{
font-family: arial;
}
.main{
margin: 2%;
}
.card{
width: 20%;
display: inline-block;
box-shadow: 2px 2px 20px black;
border-radius: 5px;
margin: 2%;
}
.image img{
width: 100%;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.title{
text-align: center;
padding: 10px;
}
h1{
font-size: 20px;
}
.des{
padding: 3px;
text-align: center;
padding-top: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.container {
display: flex;
}
.push {
margin-left: auto;
padding-right: 2px;
}

352