A Project Report on

Online Food Ordering System

Dr. B.C. Roy Engineering College

Paper Code: ESC 591
Prepared By:
Srijan Kumar Pandey (12000121031)
Harsh Raj Kumar (12000121011)
Harsh Kumar Singh (12000121030)
I.Siddu Sidhardhar (12000121033)
Narendar Singh (12000121019)
Nishant Kumar (12000121010)

Department of Computer Science and Engineering

Guided By: Prof. Monalisa Chakraborty
 ACKNOWLEDGEMENT

I’d want to convey my heartfelt appreciation and

gratitude to my professor Mrs. Monalisa Chakraborty for
providing me with the chance to work on this
topic“Online Food Ordering” Which also aided me in
conducting extensive study and learning about a bunch
of new topics.
Secondly, I’d want to thank my friends and parents for
their assistance in completing this presentation in such a
short period of time. It was quite useful in terms of
expanding my knowledge and abilities.
 DECLARATION

I hereby declare that this project entitled “Online

Food Ordering System” has been developed
successfully by us using HTML, CSS, JavaScript at
Dr. B.C. Roy Engineering College, Durgapur for the
partial fulfillment of project (Practical Examination of
Computer Science) for the academic session of
2023-24.

I also declare that this project work has neither been

submitted to any other board nor published at any
time by me in the past.
 CONTENTS

 Acknowledgement
 Declaration
 Content
 Introduction
 Project Objectives
 Key Features
 Requirements Analysis
 Hardware and Software Requirements
 Data Flow Diagram
 Project Modules
 Future Scope
 Conclusion
 Reference
 INTRODUCTION
The "Online Food Ordering System" has been developed to override the
problems prevailing in the practicing manual system. This software is
supported to eliminate and, in some cases, reduce the hardships faced by
this existing system.

Moreover, this system is designed for the particular need of the company to
carry out operations in a smooth and effective manner. The application is
reduced as much as possible to avoid errors while entering the data. It also
provides error message while entering invalid data. No formal knowledge
is needed for the user to use this system.

Thus, by this all it proves it is user-friendly. Online Food Ordering System,

as described above, can lead to error free, secure, reliable and fast
management system. It can assist the user to concentrate on their other
activities rather to concentrate on the record keeping.

Thus, it will help organization in better utilization of resources. Every

organization, whether big or small, has challenges to overcome and
managing the information of Category, Food Item, Order, Payment, and
Confirm Order. Every Online Food Ordering System has different Food
Item needs; therefore, we design exclusive employee management
systems that are adapted to your managerial requirements.

This is designed to assist in strategic planning and will help you

ensure that your organization is equipped with the right level of
information and details for your future goals.

Also, for those busy executives who are always on the go, our systems
come with remote access features, which will allow you to manage your
workforce anytime, at all times. These systems will ultimately allow you to
better manage resources.
 OBJECTIVE
The main objective of the Project on Online Food Ordering System is to
manage the details of Food Item, Category, Customer, Order, and Confirm
Order.

It manages all the information about Food Item, Payment, Confirm Order,
and Food Item. The project is totally built at administrative end and thus
only the administrator is guaranteed the access.

The purpose of the project is to build an application program to reduce the

manual work for managing the Food Item, Category, Payment, and
Customer. It tracks all the details about the Customer, Order, and Confirm
Order.
Category
manage
Order
the Online
Category,
It the
Manage
Records
description
Shows
Food
To
information
Item
proper It
Confirm is Payment
tracks
of
Item,
Manage Food
Payment,
all
the
the
the
increase
deals
Editing, andCategory
with
improved
Integration
Order adding
the Ordering
the details
Order
efficiency
transactions
ofmonitoring
which
and
information
all online
System
information
information
Food etc
information
Item, of
of of offor
Customer
and also
managing
the
Order.
updating
results
records of Food
in
Orderof
 SOME OF THE KEY FEATURES
 Product and component based
 Creating & changing issues at ease
 User account to control the access and maintain security
 Simple status and resolution
 Multi level priorities & severities
 Robust database back-end
 Accuracy in work
 Easy & fast retrieval of information
 Easy to update information
 REQUIREMENT ANALYSIS

The Software Requirements Specification is produced at the culmination

of the analysis task. The function and performance allocated to software
as part of system engineering are refined by establishing a complete
information description, a detailed functional and behavioral description,
an indication of performance requirements and design constraints,
appropriate validation criteria, and other data pertinent to
requirements.

The proposed system has the following requirements:

It also needs a security system to prevent data

System also needs a search area.

System need to update and delete the record.

System need to keep the record of Customer.

System need to maintain quantity record.

System needs to help the internal staff to keep information of Category

and find them as per various queries.

System needs store information about new entry of Food Item.

 MODULES
Users Module: Used for managing the users of the system

Login Module: Used for managing the login details

Order Module: Used for managing the Order information’s

Customer Module: Used for managing the Customer details

Category Management Module: Used for managing the information and

details of the Category.

Payment Module: Used for managing the details of Payment

Confirm Order Module: Used for managing the details of Confirm Order

Food Item Management Module: Used for managing the Food Item.
 FUTURE SCOPE
It may help collecting perfect management in detail. In a very short time,
the collection will be obvious, simple and sensible. It will help a person to
know the management of passed year perfectly and vividly. It also helps in
current all works relative to Online Food Ordering System. It will be also
reduced the cost of collecting the management & collection procedure will
go on smoothly.

Our project aims at Business process automation, i.e. we have

tried to computerize various processes of Online Food Ordering System.

In computer system the person has to fill the various forms & number of
copies of the forms can be easily generated at a time.

 In computer system, it is not necessary to create the manifest but we

can directly print it, which saves our time.
 To assist the staff in capturing the effort spent on their respective
working areas.
 To utilize resources in an efficient manner by increasing their
productivity through automation.
 The system generates types of information that can be used for
various purposes.
 It satisfy the user requirement
 Be easy to understand by the user and operator
 Be easy to operate
 Have a good user interface
 Be expandable
DATA FLOW DIGRAM (DFD)
 SOURCE CODE
<!DOCTYPE
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaykaa - Food Ordering Website</title>
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-
bundle.min.css" />
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.4/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <i class="fas fa-shopping-basket"></i> Zaykaa </a>
<nav class="navbar">
<a href="#home">home</a>
<a href="#features">features</a>
<a href="#products">products</a>
<a href="#categories">categories</a>
<a href="#review">review</a>
<a href="#blogs">blogs</a>
</nav>
<div class="icons">
<div class="fas fa-bars" id="menu-btn"></div>
<div class="fas fa-search" id="search-btn"></div>
<div class="fas fa-shopping-cart" id="cart-btn"></div>
<div class="fas fa-user" id="login-btn"></div>
</div>
<form action="" class="search-form">
<input type="search" id="search-box" placeholder="search here...">
<label for="search-box" class="fas fa-search"></label>
</form>
<div class="shopping-cart">
<div class="box">
<i class="fas fa-trash"></i>
<img src="img/Matar-Paneer-1.jpg" alt="">
<div class="content">
<h3>Matar paneer</h3>
<span class="price"> &#8377 60/-</span>
<span class="quantity">qty : 1kg</span>
</div>
</div>
<div class="box">
<i class="fas fa-trash"></i>
<img src="img/ladyfinger.webp" alt="">
<div class="content">
<h3> Fried - Bhindi</h3>
<span class="price"> &#8377 40 /-</span>
<span class="quantity">qty : 1kg</span>
</div>
</div>
<div class="box">
<i class="fas fa-trash"></i>
<img src="img/pneer.jpg" alt="">
<div class="content">
<h3>paneer</h3>
<span class="price"> &#8377 150/-</span>
<span class="quantity">qty : 1kg</span>
</div>
</div>
<div class="total"> total : &#8377 250/- </div>
<a href="#" class="btn">checkout</a>
</div>
<form action="" class="login-form">
<h3>login now</h3>
<input type="email" placeholder="your email" class="box">
<input type="password" placeholder="your password" class="box">
<p>forget your password <a href="#">click here</a></p>
<p>don't have an account <a href="#">create now</a></p>
<input type="submit" value="login now" class="btn">
</form>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<div class="content">
<h3>fresh and <span>organic</span> products for your</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam libero
nostrum veniam facere tempore nisi.</p>
<a href="#" class="btn">shop now</a>
</div>
</section>
<!-- home section ends -->
<!-- features section starts -->
<section class="features" id="features">
<h1 class="heading"> our <span>features</span> </h1>
<div class="box-container">
<div class="box">
<img src="image/feature-img-1.png" alt="">
<h3>fresh and organic</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt,
earum!</p>
<a href="#" class="btn">read more</a>
</div>
<div class="box">
<img src="image/feature-img-2.png" alt="">
<h3>free delivery</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt,
earum!</p>
<a href="#" class="btn">read more</a>
</div>
<div class="box">
<img src="image/feature-img-3.png" alt="">
<h3>easy payments</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt,
earum!</p>
<a href="#" class="btn">read more</a>
</div>
</div>
</section>
<!-- features section ends -->
<!-- products section starts -->
<section class="products" id="products">
<h1 class="heading"> our <span>products</span> </h1>
<div class="swiper product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide box">
<img src="image/product-1.png" alt="">
<h3>fresh orange</h3>
<div class="price"> &#8377 20/- - 30/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-2.png" alt="">
<h3>fresh onion</h3>
<div class="price"> &#8377 30/- - 40/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-3.png" alt="">
<h3>fresh meat</h3>
<div class="price"> &#8377 160/- - 210/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-4.png" alt="">
<h3>fresh cabbage</h3>
<div class="price"> &#8377 40/- - 50/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
</div>
</div>
<div class="swiper product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide box">
<img src="image/product-5.png" alt="">
<h3>fresh potato</h3>
<div class="price"> &#8377 40/- - 100/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-6.png" alt="">
<h3>fresh avocado</h3>
<div class="price"> &#8377 90/- - 100/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-7.png" alt="">
<h3>fresh carrot</h3>
<div class="price"> &#8377 80/- - 90/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
<div class="swiper-slide box">
<img src="image/product-8.png" alt="">
<h3>green lemon</h3>
<div class="price"> &#8377 45/- - 55/- </div>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<a href="#" class="btn">add to cart</a>
</div>
</div>
</div>
</section>
<!-- products section ends -->
<!-- categories section starts -->
<section class="categories" id="categories">
<h1 class="heading"> product <span>categories</span> </h1>
<div class="box-container">
<div class="box">
<img src="image/cat-1.png" alt="">
<h3>vegitables</h3>
<p>upto 45% off</p>
<a href="#" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-2.png" alt="">
<h3>fresh fruits</h3>
<p>upto 45% off</p>
<a href="#" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-3.png" alt="">
<h3>dairy products</h3>
<p>upto 45% off</p>
<a href="#" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-4.png" alt="">
<h3>fresh meat</h3>
<p>upto 45% off</p>
<a href="#" class="btn">shop now</a>
</div>
</div>
</section>
<!-- categories section ends -->
<!-- review section starts -->
<section class="review" id="review">
<h1 class="heading"> customer's <span>review</span> </h1>
<div class="swiper review-slider">
<div class="swiper-wrapper">
<div class="swiper-slide box">
<img src="image/pic-1.png" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde sunt fugiat
dolore ipsum id est maxime ad tempore quasi tenetur.</p>
<h3>john deo</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<div class="swiper-slide box">
<img src="image/pic-2.png" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde sunt fugiat
dolore ipsum id est maxime ad tempore quasi tenetur.</p>
<h3>john deo</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<div class="swiper-slide box">
<img src="image/pic-3.png" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde sunt fugiat
dolore ipsum id est maxime ad tempore quasi tenetur.</p>
<h3>john deo</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<div class="swiper-slide box">
<img src="image/pic-4.png" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde sunt fugiat
dolore ipsum id est maxime ad tempore quasi tenetur.</p>
<h3>john deo</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
</div>
 CONCLUSION
Our project is only a humble venture to satisfy the needs to manage
their project work. Several user friendly coding have also adopted. This
package shall prove to be a powerful package in satisfying all the
requirements of the school. The objective of software planning is to
provide a frame work that enables the manger to make reasonable
estimates made within a limited time frame at the beginning of the
software project and should be updated regularly as the project
progresses.