INTRODUCTION

Page | 1
 INTRODUCTION

Online food ordering is the process of ordering food from a website. The product can
either be food that has been specially prepared for direct consumption (such as vegetables
straight from a farm or garden, frozen meats, etc.) or food that has not been (such as direct
from a certified home kitchen, restaurant). The effort to create an online food ordering system
aims to replace the manual method of taking orders with a digital one. The ability to rapidly
and correctly create order summary reports whenever necessary is a key factor in the
development of this project.

There are several good reasons to create an online food ordering application. There is a lot of
demand, which is why so many restaurants are utilizing online ordering. Customers enjoy how
convenient it is to purchase food online and have it delivered to their place of residence or 2
workplace. By providing the services, you may maintain your competitiveness in the restaurant
business.

Page | 2
Existing System

Page | 3
 EXISTING SYSTEM
HTTP is a “stateless” protocol: each time a client retrieves a Web page, the client opens
a separate connection to the Web server and the server does not automatically maintain
contextual information about the client. Even with servers that support persistent (keep-alive)
HTTP connections and keep sockets open
for multiple client requests that occur in rapid succession, there is no built-in support for
maintaining contextual information. This lack of context causes a number of difficulties. For
example, when clients at an online store add an item to their shopping carts, how does the
server know what’s already in the carts?
Similarly, when clients decide to proceed to checkout, how can the server determine which
previously created shopping carts are theirs? There are three typical solutions to this problem:
cookies, URL rewriting, and hidden form fields. The following subsections quickly
summarize what would be required if you had to implement session tracking yourself
(without using the built- in session-tracking API) for each of the three ways.

Page | 4
SCOPE OF
SYSTEM

Page | 5
 SCOPE OF SYSTEM
Helping customers in placing meal orders whenever they want. Customers will be able
to order their preferred foods at any time, but as we've already mentioned, this is only a
limited option. As a result, restaurants need to have a specific system in place that will allow
them to serve a large number of customers while streamlining operations. One of the best
platforms is ordering, which offers all of these services in addition to a host of cutting-edge
features that have helped countless small and large enterprises establish themselves as market
leaders.

• Various levels of reports are provided with many filtering options.

• It has more storage space. • Accuracy in the work.
• Information retrieval is simple and quick. nicely crafted reports.
• Reduce the workload of the person using the current manual system.
• Individual access to any information.
• Work progresses quickly. Simple information updates.

Page | 6
NEED OF
SYSTEM

Page | 7
 PURPOSE of SYSTEM
There are several good reasons to create an online food ordering application. There is a
lot of demand, which is why so many restaurants are utilizing online ordering. Customers
enjoy how convenient it is to purchase food online and have it delivered to their place of
residence or 2 workplace. By providing the services, you may maintain your competitiveness
in the restaurant business.

• Provides search options based on a variety of criteria. Like Food Item, Customer, Order, and
Order Confirmation.
• Online food ordering systems also manage payment information for order details, order
confirmation details, and food items online.
• It keeps track of all the data regarding Categories, Payments, Orders, etc.
• Manage the category's details.
• Displays the food item's information and description for the customer. Easy to manage the
Food Item, Category more effectively.
• It focuses on keeping track of order's data and transactions.
• Manage the food item's information.
• Improvements in editing, adding, and updating records lead to proper resource management
of food item data.
• Manage the order's information by combining all Confirm Order data.

Page | 8
OBJECTIVES

Page | 9
 OBJECTIVES

The management of the information regarding item category, food, delivery address,
order, and shopping cart is the system's primary goal. It oversees the management of all
customer, shopping cart, and item category information. Since the project was entirely
developed on the administrative end, only the administrator is assured access. The goal is to
develop an application program to simplify managing the food consumer item category. It
keeps note of every delivery address requested.

Page | 10
REQUIREMENT
GATHERING

Page | 11
 REQUIREMENT GATHERING

The functional and non-functional requirements for the subject ONLINE FOOD
ORDERING SYSTEM are presented in the next section. The functional needs are mentioned
first, in order of importance to the whole system, clients, waiters, chefs, and administrators.
Following that are the non-functional requirements for safety, security, the interface, human
engineering, qualification, operation, maintenance, and performance. A natural language
description was used to specify the functional requirements.

It could be beneficial for gaining complete information about perfect management. In a

short period of time, the collection will be obvious, simple, and sensible. It will let a person
understand the previous year's management in a clear and vivid manner. It also helps to finish
all existing projects related to the Online Food Ordering System. The cost of collecting the
management will be reduced, and the collection process will be more efficient. Our project
aims to automate business procedures, so we've attempted to automate a number of processes
in an Online Food Ordering System.

Page | 12
DFD Diagram

Page | 13
Page | 14
Source Code

Page | 15
Source Code

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Best Online Food Delivery Service in India | MamataFoodie.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)"
href="css/phone.css">
<link
href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap"
rel="stylesheet">
</head>

<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="MamataFoodie.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#menu">Menu</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
<li class="item"><a href="#query">Query</a></li>
</ul>

Page | 16
 </nav>

<section id="home">
<h1 class="h-primary">Welcome to Mamata Foodie</h1>
<p>We are here to serve you best food. We deliver verious types of food. </p>
<p>We serve You eat</p>

</section>

<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/1.png" alt="">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">we provides food for a wedding reception and party,
traditionally called a wedding breakfast. A wedding caterer can be hired independently
or can be part of a package designed by the venue. There are many different types of
wedding caterers, each with their own approach to food.</p>
</div>
<div class="box">
<img src="img/2.png" alt="">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">We accepts bulk orders for party and functions which held
in homes. We provide fresh food to the customer for better experience of taste. Bulk
foods may be priced less compared to packaged foods because they are typically
packaged in large generic bulk containers and packaging for grocery outlets, which
utilizes lesser natural resources.</p>
</div>
<div class="box">
<img src="img/3.png" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">We also accepts order food from online like on phone. We
provides as per your quantity. our delivery man deliver your food at your door. We

Page | 17
charge nothing for online food delivery. We take care of the pacakaging of food that
food will not spill or damage while deliverying.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/logo1.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo2.png" alt="Our Client">
</div>

<div class="client-item">
<img src="img/logo4.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo3.png" alt="Our Client">
</div>
</div>

</section>
<section id="menu">
<h1 class="h-primary center">Menu</h1>
<div id="clients">
<div class="client-item">
<div style="display: flex; justify-content: center; align-items: center;" div>
<img src="img/logo5.png" alt="">
<img src="img/logo6.png" alt="">
</div>
</div>
</section>

Page | 18
 <section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="client">
<div class="client-item">
<p>Call us for Food order and any query</p>
<p>9923931314</p>
<p>[email protected]</p>
<div>
</div>
</section>

<section id="query">
<h1 class="h-primary center">Query</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your
name">
</div>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Ente r your
email">
</div>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Ente r your
phone">
</div>
<div class="form-group">
<label for="message">Message: </label>

Page | 19
 <textarea name="message" id="message" cols="30"
rows="10"></textarea>
<button class="btn">SUBMIT</button>
</div>
</form>
</div>

<footer>
<div class="center">
Copyright &copy; www.MamataFoodie.com. All rights reserved!
</div>
</footer>
</body>

</html>

Page | 20
CSS
/* CSS Reset */
*{
margin: 0;
padding: 0;
}

html{
scroll-behavior: smooth;
}

/* CSS Variables */
:root{
--navbar-height: 59px;
}

/* Navigation Bar */
#navbar{
display: flex;
align- items: center;
position: sticky;
top: 0px;
}

#navbar::before{
content: "";
background-color: black;
position: absolute;
top:0px;
left:0px;
height: 100%;
width:100%;
z-index: -1;
opacity: 0.7;

Page | 21
}

/* Navigation Bar: Logo and Image */

#logo{
margin: 10px 34px;
}

#logo img{
height: 59px;
margin: 3px 6px;
}

/* Navigation Bar: List Styling */

#navbar ul{
display: flex;
font-family: 'Baloo Bhai', cursive;
}

#navbar ul li{
list-style: none;
font-size: 1.3rem;
}

#navbar ul li a{
color: white;
display: block;
padding: 3px 22px;
border-radius: 20px;
text-decoration: none;
}

#navbar ul li a:hover{

Page | 22
 color: black;
background-color: white;
}

/* Home Section */
#home{
display: flex;
flex-direction: column;
padding:3px 200px;
height: 550px;
justify-content: center;
align- items: center;
}

#home::before{
content: "";
position: absolute;
background: url('../bg1.jpg') no-repeat center center/cover;
height: 642px;
top:0px;
left:0px;
width: 100%;
z-index: -1;
opacity:0.80;
}

#home h1{
color:rgb(255, 255, 255);
text-align: center;
font-family: 'Bree Serif', serif;
}

#home p{
color:white;

Page | 23
 text-align: center;
font-size: 1.5rem;
font-family: 'Bree Serif', serif;
}
/* Services Section */
#services{
margin: 34px;
display: flex;
}
#services .box{
border: 2px solid brown;
padding: 34px;
margin: 2px 55px;
border-radius: 28px;
background: #f2f2f2;
margin-bottom: 20px;
}

#services .box img{

height: 160px;
margin: auto;
display: block;
}

#services .box p{
font-family: 'Bree Serif', serif;

/* Clients Section */
#client-section::before{
content: "";
position: absolute;
background: url('../bg.jpg');

Page | 24
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.3;
}

#clients{
display: flex;
justify-content: center;
align- items: center;
}

.client-item{
padding: 34px;
}

#clients img{
height: 150px;
}

/* menu section */
#Menu{
position: relative;
}
#menu img{
width: 25%;
height: 25%;
}

#menu{
height: 600px;
}

Page | 25
/* Contact Section */
#cintact{
position: relative;
}
#contact{
color:rgb(7, 7, 7);
text-align: center;
font-size: 1.8rem;
font-family: 'Bree Serif', serif;
}

/* Contact Section */
#contact{
position: relative;
}
#contact::before{
content: "";
position: relative;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.7;
background: url('../contact.jpg') no-repeat center center/cover;

}
#contact-box{
display: flex;
justify-content: center;
align- items: center;
padding-bottom: 34px;
}
#contact-box input,
#contact-box textarea{
width: 100%;

Page | 26
 padding: 0.5rem;
border-radius: 9px;
font-size: 1.1rem;
}

#contact-box form{
width: 40%;
}

#contact-box label{
font-size: 1.3rem;
font-family: 'Bree Serif', serif;

footer{
background: black;
color: white;
padding: 9px 20px;
}

/* Utility Classes */
.h-primary{
font-family: 'Bree Serif', serif;
font-size: 3.8rem;
padding: 12px;
}

.h-secondary{
font-family: 'Bree Serif', serif;
font-size: 2.3rem;
padding: 12px;
}

Page | 27
.btn{
padding: 6px 20px;
border: 2px solid white;
background-color: brown;
color: white;
margin: 17px;
font-size: 1.5rem;
border-radius: 10px;
cursor:pointer;
}

.center{
text-align: center;
}

Page | 28
SYSTEM
Images

Page | 29
1. Home

2. Menu

Page | 30
3. Our Clients

4. Menu

Page | 31
5. Contact

6. Query

Page | 32
IMPLIMANTATION
SYSTEM

Page | 33
Software Requirement:
Google Chrome or any Browser

Hardware Requirement:
1) Hard disk: 64 GB minimum
2) RAM: 2 GB minimum
3) Processor: Any Processor

Page | 34
CONCLUSION

Page | 35
 CONCLUSION

Restaurant Management System is a web-based technology that aids the restaurant

industry in carrying out tasks effectively and efficiently. It aids in managing cash flow for
managers. Managers can view analytics data to assess company growth. The manager can
control orders and employee schedules by using this system. The full complement is a
restaurant management system. It provides access to the Online Order platform, third-party
connectors software, and comprehensive CRM solution, which together cover a sizable
portion of your restaurant's requirements. They are not the outdated hardware and software
sets for restaurants that were previously offered. They are the hottest things around, smooth,
manageable, inexpensive and quick.

Page | 36
LIMITATION

Page | 37
 LIMITATION

There are also certain limitations to the system. The shopping cart in the system only
has basic features and does not allow for extensive cart customization. Furthermore, server
side programming handles almost all of the application's capabilities, including validation. It
adds to the server's workload, especially when the programmer receives a big number of
users. Using client-side languages like JavaScript or HTML 5 to validate data can help solve
this problem. The order model has also been developed. On the other hand, the controllers
and functions for pushing data into the order table have yet to be built. As a result, you won't be able
to see the orders you've placed.

The system has certain other restrictions as well. There are only a few basic functions in
the system's shopping cart, and it cannot be extensively customized. Additionally, practically
all of the functionality of the application, including validation, is handled by server-side
programming. It increases the server's workload, especially when a large number of users
access the program. This issue can be resolved by using client-side languages, such as
JavaScript or HTML 5, to check data. Additionally, the order model has been created.

Page | 38
REFERENCE

Page | 39
 REFERENCE

 www.google.com

 www.w3school.com

 www.wekipedia.com

 www.youtube.in

Page | 40
Thank You

Page | 41