Swapnil Projrct Report

ONLINE FOOD ORDERING SYSTEM
T. E. MINI PROJECT REPORT
Submitted in Partial Fulfillment of the
Requirements for the Degree of
BACHELOR OF ENGINEERING
in
COMPUTER ENGINEERING
by
KHANDARE SWAPNIL SHANKAR
(Roll no.: TE22071)
Under the Guidance of
Dr. Khushbu k. Rahangdale
DEPARTMENT OF COMPUTER ENGINEERING
CHOUDHARY ATTAR SINGH YADAV MEMORIAL TRUST
SIDDHANT COLLEGE OF ENGINEERING, SUDUMBARE,
PUNE 412109
CERTIFICATE
This is to certify that the Khandare Swapnil Shankar (Roll No.- TE22071)
submitted his Mini Project Report on “ONLINE FOOD ORDERING SYSTEM” under
Dr. Khushbu k. Rahangdale guidance and supervision. The work has been done to my
satisfaction and is as per the partial fulfillment Term work of T.E. Computer Engineering
through the University of Pune during the academic year 2022-2023.
Date:
Place: Pune
Dr. Khushbu k. Dr. Sushama Dr. L. V. Kamble

Rahangdale Shinde
( Project Guide ) ( HOD ) ( Principal )

ACKNOWLEDGEMENT
This is a great pleasure & immense satisfaction to express my deepest sense of
gratitude & thanks to everyone who has directly or indirectly helped me in completing my
project work successfully.
I express my gratitude towards project guide Dr. Khushbu k. Rahangdale Computer
Engineering, Siddhant C.O.E., Sudumbare, Pune who guided & encouraged me in completing
the project work in scheduled time. I would like to thanks our Principal Dr. L. V. Kamble,
for allowing us to pursue my project in this institute.
No words are sufficient to express my gratitude to our parents for their unwavering
encouragement. We also thank all friends for being a constant source of my support.
Khandare Swapnil Shankar
(Roll No.: TE22071)

ABSTRACT
The online food ordering system provides convenience for the customers.
It overcomes the disadvantages of the traditional queuing system. This system
increases the takeaway of foods than visitors. Therefore, this system enhances the
speed and standardization of taking the order from the customer. It provides a
better communication platform. the user’s details are noted electronically.
The online food ordering system set up menu online and the customers easily
places the order with a simple mouse click. Also, with a food menu online you can
easily track the orders, maintain customer's database and improve your food
delivery service. This system allows the user to select the desired food items from
the displayed menu. The user orders the food items. The payment can be made
online or pay-on-delivery system. The user’s details are maintained confidential
because it maintains a separate account for each user. An id and password are
provided for each user. Therefore, it provides a more secured ordering.
INDEX
Sr.No. Title Page No.
1 Introduction 1
1.1 Objectives 1
2 Literature Survey 2
2
2.1 Aim
2
2.2 Existing System
3
2.3 Proposed System
3 Technology Used 4
4 Code 7
5 Result 20
6 Conclusion 22
7 References 23
Online Food Ordering System
ONLINE FOOD ORDERING SYSTEM
1 INTRODUCTION
An online food ordering system is a web-based application that stimulates the
foodies (customers) to put food orders through internet by. This application is
based on the Open Source platform.
1.1 Objectives
The main objective of this project is to develop an application which gives
provision to the restaurant owners to flourish their business by uploading
menus at no cost and will invariably lead to higher customer retention and
acquisition rates.
• User Friendly: Online Food Ordering System is a very user-friendly project

because the Food Ordering Record and searching from categories is very
simple, fast and data is secured. The user interface of the project is very
simple.
• Order reports of the system can be easily generated. User can generate the
report of any particular date and period. In this way they can get delivery
status of customers and get information about what is being ordered.
• Very less paper work: Online Food Ordering System requires less paper work.
In this project all record is fetched directly into the computer and reports can
be generated through just a click. In this way it saves time. As data is directly
entered into computer so there is no need to do any paper work.
• Computer operator control: Online Food Ordering System is operated by the
staff members and one admin so there is no chance of clerical mistakes. Data
feeding and retrieving in this system is very easy. So, the work can be done on
time.
Page |1 Siddhant College of Engineering

2 LITERATURE SURVEY
2.1 Aim
The aim of developing Online Food Ordering system project is to replace the
traditional way of taking orders with computerized system. Another important
reason for developing this project is to prepare order summary reports quickly
and in correct format at any point of time when required.
Online Food Ordering System has a very lot of scope. This PHP project can be
used by any restaurants or fast foods for customers for keeping their order
records. This project is easy, fast and accurate. It requires less disk space.
Online Food Ordering System uses MYSQL Server as backend so there is not
any chance of data loss or data security.
2.2 Existing System
In existing system for giving any orders users should visit restaurants to know
about food items and them give order and pay advance. In this method time
and manual work is required. Maintaining critical information in the files and
manuals is full of risk and a tedious process.
2.2.1 Disadvantages Of Existing System
• Not User Friendly: The existing system is not user friendly because the
retrieval of data is very slow and data is not maintained efficiently.
• Difficulty in report generating: We require more calculations to generate the
report so it is generated at the end of the session.
• Manual control: All calculations to generate report is done manually so there is
greater chance of errors.
• Lots of paperwork: Existing system requires lot of paper work.
• Loss of even a single register/record led to difficult situation because all the
papers are needed to generate the reports.

• Time consuming: Every work is done manually so we cannot generate report
in the middle of the session or as per the requirement because it is very time
consuming.
2.3 Proposed System
This online application enables the end users to register online, select the food
from the e-menu card, read the E-menu card and order food online. By just
selecting the food that the user wants to have. The results after selecting the food
from the E-menu card will directly appear in the screen of the restaurant admin.
By using this application, the work of the Waiter is reduced and we can also say
that the work is nullified. The benefit of this is that if there is rush in the
Restaurant then there will be chances that the waiters will be unavailable and the
users can directly order the food to the chef online by using this application. The
user will be given a username and a password to login.

3 TECHNOLOGY USED
• Server : Apache 2.4.4
• Front-end: PHP 5.4.19 (Framework : Codeigniter 2.1.2)
• Back-end: MySQL 5.5.32(using phpmyadmin 4.0.6)
• Integrated Development Environment(IDE): Netbeans 7.3.1
• Platform:Windows 7
We have used XAMPP 1.8.2 which is a free and Open Source Cross-
Platform Web Server Solution Stack. It comes with Apache Web Server,
MySQL Database, PHP and Perl Programming Languages.
A couple of advantages of using XAMPP for development are:
1. You can start and stop the whole web server + database stack with one
command.
2. XAMPP is portable so you can carry it around on a thumb drive.
3. The security settings are strict by default, nobody but you will be able to
access the web server.
4. PHP error reporting is enabled by default, which helps when debugging
scripts.
5. Easy to install.
Apache Server
Web server apache is an open source server application. There are a lot of
benefits and advantages that are provided from the server. Numerous features
like the openness, extensibility, portability and flexibility of apache server
provide advantages to administrator leading to higher efficiency and utility.

MySQL
MySQL is easy to use, yet extremely powerful, secure, and scalable. And
because of its small size and speed, it is the ideal database solution for Web
sites.
Some of its advantages include the following:
1. It's easy to use: While a basic knowledge of SQL is required—and most

relational databases require the same knowledge—MySQL is very easy to use.
With only a few simple SQL statements, you can build and interact with
MySQL.
2. It's secure: MySQL includes solid data security layers that protect sensitive
data from intruders. Rights can be set to allow some or all privileges to
individuals. Passwords are encrypted.
3. It's inexpensive: MySQL is available by free download from MySQL Web
site.
4. It's fast: In the interest of speed, MySQL designers made the decision to offer
fewer features than other major database competitors, such as Sybase* and
Oracle*. However, despite having fewer features than the other commercial
database products, MySQL still offers all of the features required by most
database developers.
5. It's scalable: MySQL can handle almost any amount of data, up to as much as
50 million rows or more. The default file size limit is about 4 GB. However,
you can increase this number to a theoretical limit of 8 TB of data.
6. It manages memory very well: MySQL server has been thoroughly tested to
prevent memory leaks.
7. It runs on many operating systems: MySQL runs on many operating
systems, including Novell NetWare, Windows* Linux*, many varieties of
UNIX* (such as Sun* Solaris*, AIX, and DEC* UNIX), OS/2, FreeBSD*, and
others.

8. It supports several development interfaces: Development interfaces include

JDBC, ODBC, and scripting (PHP and Perl), letting you create database
solutions that run not only in your NetWare 6.5 environment, but across all
major platforms, including Linux, UNIX, and Window.

4 CODE
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restaurant Website</title>


<link rel="stylesheet" href="css/style.css">
</head>
<body>

<section class="navbar">
<div class="container">
<div class="logo">
<a href="#" title="Logo">
<img src="images/logo.png" alt="Restaurant Logo" class="img-responsive">
</a>
</div>
<div class="menu text-right">

<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="categories.html">Categories</a>
</li>
<li>
<a href="foods.html">Foods</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</section>



<section class="food-search text-center">

<form action="food-search.html" method="POST">

<input type="search" name="search" placeholder="Search for Food.." required>
<input type="submit" name="submit" value="Search" class="btn btn-primary">
</form>
</div>
</section>



<section class="categories">
<h2 class="text-center">Explore Foods</h2>
<a href="category-foods.html">
<div class="box-3 float-container">
<img src="images/pizza.jpg" alt="Pizza" class="img-responsive img-curve">
<h3 class="float-text text-white">Pizza</h3>

</div>
</a>
<a href="#">
<img src="images/burger.jpg" alt="Burger" class="img-responsive img-curve">
<h3 class="float-text text-white">Burger</h3>

</div>
</a>
<a href="#">
<img src="images/momo.jpg" alt="Momo" class="img-responsive img-curve">
<h3 class="float-text text-white">Momo</h3>

</div>
</a>
</div>
</section>



<section class="food-menu">
<h2 class="text-center">Food Menu</h2>
<div class="food-menu-box">
<div class="food-menu-img">
<img src="images/menu-pizza.jpg" alt="Chicke Hawain Pizza" class="img-responsive
img-curve">

</div>
<div class="food-menu-desc">
<h4>Food Title</h4>
<p class="food-price">$2.3</p>
<p class="food-detail">
Made with Italian Sauce, Chicken, and organice vegetables.
</p>
<br>
<a href="order.html" class="btn btn-primary">Order Now</a>

</div>
</div>
<img src="images/menu-burger.jpg" alt="Chicke Hawain Pizza" class="img-responsive
img-curve">
</div>
<h4>Smoky Burger</h4>
</p>
<br>
<a href="#" class="btn btn-primary">Order Now</a>

</div>
</div>
<img src="images/menu-burger.jpg" alt="Chicke Hawain Burger" class="img-responsive
img-curve">
</div>
<h4>Nice Burger</h4>
</p>
<br>

</div>
</div>


img-curve">
</div>
<h4>Food Title</h4>
</p>
<br>

</div>
</div>
img-curve">
</div>
<h4>Food Title</h4>
</p>
<br>

</div>
</div>
<img src="images/menu-momo.jpg" alt="Chicke Hawain Momo" class="img-responsive
img-curve">
</div>
<h4>Chicken Steam Momo</h4>
</p>
<br>

</div>
</div>
P a g e | 10 Siddhant College of Engineering

</div>
<p class="text-center">
<a href="#">See All Foods</a>
</p>
</section>



<section class="social">
<div class="container text-center">
<ul>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/50/000000/facebook-
new.png"/></a>
</li>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/48/000000/instagram-
new.png"/></a>
</li>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/48/000000/twitter.png"/></a>
</li>
</ul>
</div>
</section>



<section class="footer">
<p>All rights reserved. Designed By <a href="#">Ghost Team</a></p>
</div>
</section>

</body>
</html>
Order.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restaurant Website</title>



<link rel="stylesheet" href="css/style.css">
</head>
<body>

<section class="navbar">
<div class="logo">
<a href="#" title="Logo">
<img src="images/logo.png" alt="Restaurant Logo" class="img-responsive">
</a>
</div>
<div class="menu text-right">

<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="categories.html">Categories</a>
</li>
<li>
<a href="foods.html">Foods</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</div>
</section>



<section class="food-search">
<h2 class="text-center text-white">Fill this form to confirm your order.</h2>
<form action="#" class="order">

<fieldset>
<legend>Selected Food</legend>
img-curve">
</div>

<h3>Food Title</h3>
<div class="order-label">Quantity</div>
<input type="number" name="qty" class="input-responsive" value="1" required>
</div>
</fieldset>
<fieldset>
<legend>Delivery Details</legend>
<div class="order-label">Full Name</div>
<input type="text" name="full-name" placeholder="E.g. Vijay Thapa" class="input-
responsive" required>
<div class="order-label">Phone Number</div>

<input type="tel" name="contact" placeholder="E.g. 9843xxxxxx" class="input-
<div class="order-label">Email</div>
<input type="email" name="email" placeholder="E.g. hi@vijaythapa.com" class="input-
<div class="order-label">Address</div>
<textarea name="address" rows="10" placeholder="E.g. Street, City, Country"
class="input-responsive" required></textarea>
<input type="submit" name="submit" value="Confirm Order" class="btn btn-primary">

</fieldset>
</form>
</div>
</section>



<section class="social">
<ul>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/50/000000/facebook-
new.png"/></a>
</li>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/48/000000/instagram-
new.png"/></a>
</li>
<li>
<a href="#"><img src="https://img.icons8.com/fluent/48/000000/twitter.png"/></a>

</li>
</ul>
</div>
</section>



<section class="footer">
<p>All rights reserved. Designed By <a href="#">Ghost Team</a></p>
</div>
</section>

</body>
</html>
Style.css
/*
Author: Vijay Thapa;
Theme: Restaurant Food Order;
version: 1.0;
*/
/* CSS for All */

*{
margin: 0 0;
padding: 0 0;
font-family: Arial, Helvetica, sans-serif;
}
.container{
width: 80%;
margin: 0 auto;
padding: 1%;
}
.img-responsive{
width: 100%;
}
.img-curve{
border-radius: 15px;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-white{

color: white;
}
.clearfix{
clear: both;
float: none;
}
a{
color: #ff6b81;
text-decoration: none;
}
a:hover{
color: #ff4757;
}
.btn{
padding: 1%;
border: none;
font-size: 1rem;
border-radius: 5px;
}
.btn-primary{
background-color: #ff6b81;
color: white;
cursor: pointer;
}
.btn-primary:hover{
color: white;
background-color: #ff4757;
}
h2{
color: #2f3542;
font-size: 2rem;
margin-bottom: 2%;
}
h3{
font-size: 1.5rem;
}
.float-container{
position: relative;
}
.float-text{
position: absolute;
bottom: 50px;
left: 40%;
}
fieldset{
border: 1px solid white;
margin: 5%;
padding: 3%;
border-radius: 5px;

/* CSSS for navbar section */
.logo{
width: 10%;
float: left;
}
.menu{
line-height: 60px;
}
.menu ul{
list-style-type: none;
}
.menu ul li{
display: inline;
padding: 1%;
font-weight: bold;
}
/* CSS for Food SEarch Section */
.food-search{
background-image: url(../images/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 7% 0;
}
.food-search input[type="search"]{
width: 50%;
padding: 1%;
font-size: 1rem;
border: none;
border-radius: 5px;
}
/* CSS for Categories */

.categories{
padding: 4% 0;
}
.box-3{
width: 28%;
float: left;
margin: 2%;
}

/* CSS for Food Menu */

.food-menu{
background-color: #ececec;
padding: 4% 0;
}
.food-menu-box{
width: 43%;
margin: 1%;
padding: 2%;
float: left;
background-color: white;
border-radius: 15px;
}
.food-menu-img{
width: 20%;
float: left;
}
.food-menu-desc{
width: 70%;
float: left;
margin-left: 8%;
}
.food-price{
font-size: 1.2rem;
margin: 2% 0;
}
.food-detail{
font-size: 1rem;
color: #747d8c;
}
/* CSS for Social */

.social ul{
list-style-type: none;
}
.social ul li{
display: inline;
padding: 1%;
}
/* for Order Section */

.order{
width: 50%;
margin: 0 auto;
}
.input-responsive{

width: 96%;
padding: 1%;
margin-bottom: 3%;
border: none;
border-radius: 5px;
font-size: 1rem;
}
.order-label{
margin-bottom: 1%;
font-weight: bold;
}
/* CSS for Mobile Size or Smaller Screen */
@media only screen and (max-width:768px){

.logo{
width: 80%;
float: none;
margin: 1% auto;
}
.menu ul{
text-align: center;
}
.food-search input[type="search"]{
width: 90%;
padding: 2%;
margin-bottom: 3%;
}
.btn{
width: 91%;
padding: 2%;
}
.food-search{
padding: 10% 0;
}
.categories{
padding: 20% 0;
}
h2{
margin-bottom: 10%;
}
.box-3{
width: 100%;
margin: 4% auto;
}

.food-menu{
padding: 20% 0;
}
.food-menu-box{
width: 90%;
padding: 5%;
margin-bottom: 5%;
}
.social{
padding: 5% 0;
}
.order{
width: 100%;
}
}

5 RESULT
Fig.1: Home Page
Fig.2: Explore Foods

Fig.3: Food Menu

6 CONCLUSION
After a decade, the advancement and innovation of technology help people to

manage their task easily and efficiently. In many other industry area have been used
management system to assist their business grow long time ago, therefore it is also a
trend that cause F&B industry to make use of a management system for their
business. At the end of this project, the system can reduce and replace the human
manpower task, reduce the time consume for each transaction and generate report for
further management purpose by fully utilizing the system.
Obviously, the propose system can help improve the productivity of the restaurant
and thus directly did an impact to the profitability of the restaurant. Furthermore, it
can also help restaurant to reduce the cost of operation in term of manpower, because
the system have already facilitate majority of the business process by using the
system. Therefore, it is believed that the system can lead the restaurant’s business
grow from time to time.
On the other hand, the technology nowadays allows the portability requirement easy
to achieve. Therefore, portability has become one of the factors that have to take into
consideration in the system development process. Because portability brings a lot of
benefit to user while they using the system such as it provides convenience, accessibility,
easy to communicate and etc. Hence, portability has done an impact to the social that
everybody is much more preferable to complete their task with portable device.
In order to fulfil these all requirement, our proposed method is combined the food
ordering system which is in mobile platform into the restaurant management system
which is in computer platform. The integration of both features which develop a system
that can let user to have an experience of portability which is user can process their food
ordering through using their smart phone or tablet. Besides, restaurant manage their daily
operation management through using the computer platform it is because computer have
some other features such as it has a wider screen, other compatible system that can help to
manage the restaurant and some other driver that needed to communicate with that
necessary hardware.

7 REFERENCES
• Ramakrishnan, R., & Gehrke, J. (2011). Database management systems. Boston:
McGraw-Hill.
• Database systems concepts. Estados Unidos: McGraw-Hill Companies, Inc.
• Hanna P. (2002): JSP 2.0 The Complete Reference, Second Edition

McGraw Hill Education.
• https://www.w3schools.com
• https://www.canvasjs.com
• https://getbootstrap.com/

Swapnil Projrct Report

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Swapnil Projrct Report

Uploaded by

Copyright:

Available Formats

ONLINE FOOD ORDERING SYSTEM

T. E. MINI PROJECT REPORT

Submitted in Partial Fulfillment of the

Requirements for the Degree of

KHANDARE SWAPNIL SHANKAR

(Roll no.: TE22071)

Under the Guidance of

Dr. Khushbu k. Rahangdale

DEPARTMENT OF COMPUTER ENGINEERING

CHOUDHARY ATTAR SINGH YADAV MEMORIAL TRUST

SIDDHANT COLLEGE OF ENGINEERING, SUDUMBARE,

through the University of Pune during the academic year 2022-2023.

Dr. Khushbu k. Dr. Sushama Dr. L. V. Kamble

( Project Guide ) ( HOD ) ( Principal )

This is a great pleasure & immense satisfaction to express my deepest sense of

project work successfully.

I express my gratitude towards project guide Dr. Khushbu k. Rahangdale Computer

for allowing us to pursue my project in this institute.

Khandare Swapnil Shankar

(Roll No.: TE22071)

Sr.No. Title Page No.

ONLINE FOOD ORDERING SYSTEM

• User Friendly: Online Food Ordering System is a very user-friendly project

Page |1 Siddhant College of Engineering

2.2 Existing System

2.2.1 Disadvantages Of Existing System

papers are needed to generate the reports.

2.3 Proposed System

Page |3 Siddhant College of Engineering

• Front-end: PHP 5.4.19 (Framework : Codeigniter 2.1.2)

• Back-end: MySQL 5.5.32(using phpmyadmin 4.0.6)

• Integrated Development Environment(IDE): Netbeans 7.3.1

A couple of advantages of using XAMPP for development are:

2. XAMPP is portable so you can carry it around on a thumb drive.

Page |4 Siddhant College of Engineering

Some of its advantages include the following:

1. It's easy to use: While a basic knowledge of SQL is required—and most

Page |5 Siddhant College of Engineering

8. It supports several development interfaces: Development interfaces include

Page |6 Siddhant College of Engineering

<div class="menu text-right">

Page |7 Siddhant College of Engineering

<form action="food-search.html" method="POST">

<h3 class="float-text text-white">Pizza</h3>

<h3 class="float-text text-white">Burger</h3>

<h3 class="float-text text-white">Momo</h3>

Page |8 Siddhant College of Engineering

<a href="order.html" class="btn btn-primary">Order Now</a>

<a href="#" class="btn btn-primary">Order Now</a>

<a href="#" class="btn btn-primary">Order Now</a>

Page |9 Siddhant College of Engineering

<img src="images/menu-pizza.jpg" alt="Chicke Hawain Pizza" class="img-responsive

<a href="#" class="btn btn-primary">Order Now</a>

<a href="#" class="btn btn-primary">Order Now</a>

<a href="#" class="btn btn-primary">Order Now</a>

P a g e | 10 Siddhant College of Engineering