A

Project Report

On

“PIZZA ORDER WEB APP”

Submitted by

Mukesh Madhav Shelke

Anil Ganesh Pawar
Shailesh Sanjay
Solanke

Submitted in partial fulfillment of the requirement for degree of

Bachelor of Technology (Computer Science Engineering)

Guided by

Prof. K. S. Gaware
(Assistant Professor)

Department of Computer Science Engineering

Hi-Tech Institute of Technology, Aurangabad

(Academic Year 2022-23)

 CERTIFICATE

This is to certify that Mukesh Madhav Shelke, Anil Ganesh Pawar, Shailesh
Sanjay Solanke has successfully completed project work entitled “Pizza Order Web
App” in partial fulfillment for award of Bachelor of Technology (Computer Science
Engineering) Degree of Dr. Babasaheb Ambedkar Technological University, Lonere Dist.
Raigad
Place : Aurangabad
Date :

Prof. K. S. Gaware Prof. P. M. Mohite

Guide Head of Department

EXAMINAR Prof. G. S. Dhage

Principal
Hi-Tech Institute of Technology
Aurangabad

(Academic Year 2022-23)

 ABSTRACT

In this new age of technology, we are developing new solutions to ease our
life by digitizing various processes and wireless technology is the most
important factor behind it. The wireless technology has many advantages and
has lead to the convenience of users. The Project aims to provide a smart and
fast way to order the food within an institute. The menu items will be available
to user at his desk from where the food can be ordered. The customer uses a
simple input interface to order the food. The ordered food will be seen on the
display screen at the canteen. Also, the payment can be done using a smart card.
This saves time, quarrels over change and long queue.
An Online Food Ordering System is proposed here which simplifies the food
ordering process. The proposed system shows a user interface and update the
menu with all available options so that it eases the customer work. Customer
can choose more than one item to make an order and can view order details
before logging off. The order confirmation is sent to the customer. The order is
placed in the queue and updated in the database and returned in real time. This
system assists the staff to go through the orders in real time and process
efficiently with minimal errors.
This project is a web-based order system for an existing pizza shop. The
project objective is to deliver the online order web app into smartphone, pc
platform. This project is an attempt to provide the advantages of online ordering
to customers of a real shop. It helps order the pizza in the shop anywhere
through internet by using an android device or pc. Thus, the customer will get
the service of online ordering from his favorite choice. This system can be
implemented to any shop in the locality or to multinational branded shops
having retail outlet chains. If shops are providing an online portal where their
customers can enjoy easy ordering from anywhere, the shops won’t be losing
any more customers to the trending online shops such as dominos or pizza hut.
Since the web application is available in the Smartphone or any device which
have access to internet it is easily accessible and always available.
 TABLE OF CONTENTS

SR CONTETS PAGE
NO. NO.

List of abbreviations i
List of Screenshots ii
Abstract
1 Introduction 01
1.1 Project Aim & Objectives 02
1.2 Project Rationale 02
1.3 Feasibility of the project 03
1.4 Scope of the project 03
2 Literature Survey 04
2.1 Introduction 04
2.2 Self-service/self-ordering 04
2.3 History of fast food 05
2.4 E-commerce 06
2.5 Mobile application-based system 07
2.6 Web application-based system 08
3 System Development 09
3.1 Research Methodology 09
3.2 Software and hardware requirements 10
4 Performance Analysis 11
4.1 Implementation 11
4.2 Source Code 13
5 CONCLUSION 16
5.1 Conclusion 16
5.2 Future Scope 16
REFERENCES
AKNOWNLEDGEMENT
 LIST OF ABBREVIATION

FULL FORM ABBREVATION PAGE

NO.

Hypertext Markup Language HTML 10

Cascading Style Sheets CSS 10
User Interface UI 10
Document Object Model DOM 10
Structured Query Language SQL 10
Random-access Memory RAM 10
Command Line Interface CLI 10
Content Delivery Network CDN 10
Database Management System DBMS 10

i
 LIST OF SCREENSHOTS

SR SCREENSHOT PG
NO. NAME NO.

3.1 Home page 11

3.2 Product page 12
3.3 Order Confirmation 12
3.4 Firebase UI 13

ii
 1.INTRODUCTION

A lot of people learn web coding because they want to create the next
Facebook or find a job in the industry. But it’s also a good choice if you just
want a general introduction to coding, since it’s super easy to get started. No
matter whether you’re looking for a career or just want to learn coding,
learning how to develop for the web is for you. It’s one of the smartest
decisions you will ever make! “Full Stack” Developers marry both sides into
one. A Full Stack developer can comfortably work with both the front and
back ends. This is what we focus on building you up to here. things scale.
Back End Developers make use of programming languages like Java, Python,
and Ruby (among many others) to work with data. “Full Stack” Developers
marry both sides into one. A Full Stack developer can comfortably work with
both the front and back ends. This is what we focus on building you up to here.
Web design encompasses many different skills and disciplines in the
production and maintenance of websites. The different areas of web design
include web graphic design; interface design; authoring, including
standardized code and proprietary software; user experience design; and
search engine optimization.
The online food ordering system sets up a food menu online and
customers can easily place the order as per they like. The management
maintains customers database, and improve food order service. The Restaurant
management systems motivates us to develop the system. There are various
facilities provided so that the users of the system will get service effectively.
Again, the idea comes that mostly mess users are person who are shifted for
various reason in new cities. So, they are interrelated. Increasing use of smart
phones is also considered as a motivation, so that any users of this system get
all service on single click.
Due to lack of a full fledge application that can fulfill the customer
requirements by providing him food service, there is a need for the system.
This proposed system will be used by the people who keep shifting from cities
to cites. As well as, it will be useful for the students studying in different
cities.
The proposed system will provide the flexibility to the Customers/Users to
order from website. It will also provide Recommendations to the customers on
a daily basis. In the proposed system, there will be no limitation on the amount
of order the customer wants. Also, same application can be used as a Startup
Business for the developers. We working on to provide real time customers
feedback and ratings along with the comments to the restaurants/mess owner.
It gives appropriate feedbacks to users, so if there is any error happened, then
there will be a feedback dialog toward users.
The proposed system is designed to avoid users doing fatal errors and
inappropriate action. Scope of proposed system is justifiable because in large
amount peoples are shifting to different cities so wide range of people can

1
make

2
a use of proposed system. The system/interface will take input from the user.
The major attributes that will give input to the dataset are: pizza type, size,
quantity, etc. The output will include user/customer’s Order confirmation.
The system is not only for user but also for provider (future work) who
provides food service. This system is for making efficient communication
between consumer and producer of the food system which will then leads to
the ideal and effective system.
1.1. Project Aim & Objectives
The project aims to build a web-based system for restaurant, which
automates food ordering system. It will also help the management to manage
the online orders and view the status. The management can add menus and
take orders with the system. The system also has a simple mobile-friendly user
interface which can be used through different types of devices and screens
In order to achieve the mentioned aim, following objectives should be
achieved: An extensive literature review will be conducted to find out the past
work done to automate the food ordering process of restaurant. Appropriate
methods and methodologies will be used for designing and developing the
whole system in systematic approach. The system will be tested properly to
ensure the quality of the system.
1.2. Project Rationale
Online ordering from restaurants is getting easier as mobile and internet
technology progresses. Food lovers now tends to order foods through online
ordering system as it is easier and fast. QSR Web found that digital restaurant
ordering is growing 300 percent faster than dine-in traffic. But most of the
restaurant do not give concentration to make solid appearance on the internet.
As a result, 51 percent of all mobile searches on Google are for restaurants, yet
as few as 5 percent have mobile-optimized websites.
There are also some problems of traditional food ordering system, which
results wasting time and making conflicts. In existing system there are few
problems
There are also some problems of traditional food ordering system, which
results wasting time and making conflicts. In existing system there are few
problems: For placing orders, customers have to visit restaurants to know
about food items
and then place order and pay. In this method time and manual work
is required. Some restaurants take order via phone. While placing an order
over the phone, customer lacks the copy of available menu items in restaurant.
Every restaurant needs certain employees to take the order over phoner in
person. In today’s market, labor rates are increasing day by day making it
difficult to find employees when needed. To solve these issues, an Online
Food Order System has been developed which is originally designed for small
scale business. But this system is applicable in any restaurant. The main
advantage of this online system is that it greatly simplifies the food ordering
process for both
3
of the customer and the restaurant. The anticipated benefits of the project are:
This will speed up the ordering process. The system will help to reduce labor
cost involved. This will avoid long queues at the counter due to the speed of
execution
And number of optimum screens to accommodate the maximum throughput.
The system will be less probable to make mistake, since it’s a machine. The
top benefit of online ordering was a savings in labor, since
Employees are not tied up on the phone or at the counter. Order accuracy was
another benefit for restaurant.
On the other hand, social websites and media play a vital role for business.
Every business can use social media to get information about potential
customers, analyze sentiments and better relationship with customers. A study
by Alagoz and Hekimoglu shows that trust is one of the main drivers to place
order online in restaurant. Today, a recommendation from friends via social
media plays as a word of mouth in building trust while ordering online. Hence,
social media can be integrated to restaurant web app to ensure customers about
the food quality. New customers can choice their desired products by studying
reviews made by other users.
1.3. Feasibility of the Project
The project requires a complete web application for restaurant that can be
used to manage online orders. This will be mobile-optimized web app, so that
it can be viewed in a mobile browser as well as in a PC. All the technologies
that will be used to develop the system are open-sourced, such as PHP,
Laravel, Bootstrap 4, and Apache Server. Hence, the technologies can be used
without any cost.
1.4. Scope of the project

 Web applications for restaurant

 Online restaurant management system
 Online food ordering system
 Online customer management

4
 2.LITERATURE SURVEY

2.1 Introduction
An ordering system is referred to as a set of detail methods that is being
used in handling the ordering process. Food ordering can be computerized or
done manually. Thus helps the customer to order their food themselves which is
known as the customer self-ordering system. The customer self-ordering system
can be defined as a computerized system that is being used by customers to
place their own orders in the restaurant and allow the orders to be tracked, in
order to prepare and deliver the food to the computers.
2.2 Self-service/Self-ordering
Self-service or self-ordering in restaurant industry refers to the restaurant
taking orders from customers through applying various types of technologies
such as internet and many others. Self-service or self-ordering is successful
when it is applied at restaurants in many other countries. The usage of the self-
service or self-ordering technology is proven to benefit most of the investors.
Odesser- Torpey (Odesser-Torpey, 2008) reports that most of the Americans
hate waiting for an order. Therefore, they prefer self-service technology, which
can be in form of text messaging, the internet and kiosk. Usually, the customer
prefers self- service because of speed and convenience in making order and
transaction while minimize the miscommunication. He also mentioned that self-
activated terminals are more likely to serve as ordering innovation in the future.
The implementation of alternative ordering can increase check size, free up
counter staff that need to serve customers and take money handling out of
service equation.
Bhatnagar(Bhatnagar, 2006) mentioned that the innovation of kiosk and
computerized table top ordering screen will force restaurant industry re-jigger
an often used acronym quick service restaurant to the self-service restaurant.
Customers can get information or search for recipes from the kiosk and internet.
The kiosk and internet also take orders and receives credit cards or debit cards
payment. As a result, wrong order and long queue can be avoided, order staff
can be arranged to somewhere else and focus to speed up on delivery orders. On
the other hand, a table-top touch screen order system can take customer orders
as well as handle other customer requests such as refill drinks, call a waiter and
make payment by credit card and debit card.
Bytes, a restaurant located at Canterbury has been successfully standing
apart from the competitors because of applying online self-service ordering and
the payment concepts. The system used in Bytes allows the customers make an
order through the touch screen, and the order will be directed to bar or kitchen.
The system also offers games after a customer placed the orders while internet

5
access will be provided to customers in the future. Touch screen ordering
reduces the need of the waiter. The system also provides database for
customers’ habits and preferences, generate the management reports, perform
analysis as well as allows the menu to be updated instantly. (Brickers, 2006).
Based on study, it is possible for applying the online food ordering
system to the fast food restaurants in Nigeria. This is because the system can
improve workplace efficiency, increase sales of the restaurant as well as reduce
making incorrect order. As a result, it is worth for investing on the system,
whereby it can shorten the return on investment.
In addition, the system should be supported by the food origin taste and
services to maintain the customers’ loyalty and satisfaction. However, widely
implementing the food ordering system may cause the influx of labor due to the
elimination of waiters in restaurant industry. Even the system is important to be
implemented, yet there is still some risk in other factors such as a direct
interaction and restaurant design concept, which need to be considered for
ensuring the success of the system.
Gan (Gan, 2002) proposed to develop an online fast food restaurant
ordering system that allows customers to place orders anytime at any place. The
system helps to manage order from customer as well as advertise promotion. It
allows kitchen staff to view ordering information, management to manage fast
food raw materials and staff to search customer delivery and profile
information. This system helps to reduce queue issues during peak hours, speed
up food preparation and increase customer volumes. As a result, market share of
fast-food restaurant can be boosted up and increases return of investment for the
investor.
De Leon (De Leon, 2008) mentioned that there are several aspects that
should be included in a good online food ordering system. System should be
simple to navigate, not clustered and easy to make an order, (Sharma, 2007,)
designed with professionals looking with search engine optimize capability and
available 24hours. The system should also have a secure payment gateway to
protect their customers’ credit cards information, fast and keep track on orders
and sales history easily as well as generate a comprehensive sales report,
(Sharma, 2007).
2.3 History of Fast Food
A fast-food restaurant is a restaurant characterized both by food ready to
eat quickly after ordering and by minimal service. One trait shared by all fast-
food establishments is that the customer pays for the food prior to consuming it.
Often this food is referred to as fast food. The food in these restaurants is often
cooked in bulk and in advance and kept warm or reheated on order. Although
fast food restaurants are often viewed as a representation of modern technology,
the concept of “ready cooked food to go” is as old as cities themselves,
unique

6
variations are historical in various cultures. Ancient Roman cities had bread-
and- olive stands; East Asian cultures features noodle shops. Flat bread and
falafel are ubiquitous in the Middle East. Popular Indian fast food delicacies
include Vada Pav, Papri Chaat, Bhelpuri, Panipuri and Dahi Vada. In the French
speaking nations of west Africa, meanwhile, roadside stands in and around the
larger cities continue to sell- as they have done for generations-a range of ready-
toeat char grilled meat sticks known locally as “brochettes” (not to be confused
with the bread snack of the same name found in Europe). The modern history of
a fast food in America began on July 7, 1912 with the opening of a fast food
restaurant called the Automat in New York. The Automat was a cafeteria with
its prepared foods behind small glass windows and coinoperated slots. Joseph
Horn and Frank Hardart had already opened an Automat in Philadelphia but
their Automat at Broadway and 13th street, in New York City, created a
sensation and numerous Automat restaurants were quickly built around the
country to deal with the demand.
Automats remained extremely popular throughout the 1920’s and 1930’s.
The company also popularized the notion of “take-out” food, with their slogan
“less work for mother”. The American company White Castle is generally
credited with opening the second fast food outlet in Topeka, Kansas in 1921,
selling hamburgers for five cents a piece. White Castle later added five holes to
each beef patty to increase its surface area and speed cooking times. White
Castle was successful from its inception and spawned numerous competitors.
Mc Donald’s, the largest fast food chain in the world and the brand most
associated with the term “fast food” was founded as a barbeque drive-in in 1940
by Dick and Mac. After discovering that most of their profit came from
hamburgers, the brothers closed their restaurant for 3months and reopened it in
1948 as a walkup stand offering a simple menu of hamburgers, French fries,
shakes coffees and coca-cola, served in disposable paper wrapping. As a result,
they were able to produce hamburgers and fries constantly, without waiting for
customer orders, and could serve them immediately; hamburgers cost 15cents,
about half the price at a typical dinner. The McDonald’s stand was the
milkshake machine company’s biggest customer and a milkshake salesman
named Ray kroc travelled to California to discover the secret to their high-
volume burger-and-shake operation. Kroc thought he could expand their
concept, eventually buying the McDonald’s operation outright in 1961 with the
goal of making cheap, ready-to-go hamburgers, French fries and milkshakes a
nationwide business.
2.4 E-commerce
Electronic commerce or e-commerce according to Garret, (1996) is the
exchange of goods and services by means of the internet or other computer
networks. In ecommerce, buyers and sellers transact business over networked
computers.

7
 Electronic commerce is also sharing business information, maintaining
business relationships and conducting business transactions by means of
communication networks. It includes the relationship between companies
(business-to-business), between customers (customer-to customer) as well as
between companies and customers (business- to-customer). Business to
business segment currently dominates the e-commerce while customer oriented
segment is significantly lagging behind and current estimate places it at less
than 10% of the total volume, even though they are all experiencing an
exponential growth (Vladimir, 1998). E-commerce offers buyers convenience.
They can visit the World Wide Web (www) sites of multiple vendors 24hours a
day and seven days a week to compare prices and make purchases, without
having to leave their homes or offices.
For sellers, e-commerce offers a way to cut costs and expand their
markets. They do not need to build staff or maintain a store or print and
distribute mail order catalogs. Because they sell over the global internet, sellers
have the potential to market their products or services globally and are not
limited by the physical location of a store.
E-commerce also has some disadvantages, however. Customers are
reluctant to buy some products online. Online furniture businesses for example,
have failed for the most part because customers want to test the comfort of an
expensive item such as a sofa before they purchase it. Many people also
consider shopping a social experience, for instance, they may enjoy going to a
store or a shopping mall with
2.5 Mobile Application Based System
Samsudin et al. (2011) recognized the limitations of PDA based food
ordering system and developed a food ordering system with Microsoft Access
database and ASP.NET and VB.NET for Microsoft Windows based
smartphones. Customers can order foods remotely from this application. As
Android based smartphones took over Windows based smartphones, Shinde et
al. (2014) developed an application for Android operating system-based
smartphones where they used Java and SQLite. The order processing speed of
this Android application is faster than PDA based ordering system. The
application can play a media between customer, restaurant manager and kitchen.
Dhore et al. (2014) also proposed an Android based system to automate
ordering process of the restaurant, through which one or more customers can
order food, book table, and also make payment remotely. Both of these to works
implemented almost same functionalities. Leong (2016) also developed a
system for Android operating system, which can be used for ordering food
online. In this system, computers need to be installed in kitchen and manager’s
desk, so they can view and check orders and payment.

8
 Recently, Saeed et al. (2016) implemented an Android based smart
restaurant system, which helps customers finding free parking lot and free table,
ordering foods and paying bills from their mobile phone. On the other hand, the
management can monitor the whole work properly. This system is comprised of
different technologies such as Mobile and Web applications, Internet of Things
(IoT), Near-Field Communications (NFC) sensors, and cloud computing. This
Smart Restaurant Management System provides with two interfaces for the two
types of users in restaurants; an Android mobile application for customers and a
web application for restaurant staff members. These proposed and developed
smartphone-based systems let customers order foods online before arriving to
restaurant. But these systems have also some limitations as follows:
These applications are focused on specific operating system of smartphone. So,
who uses a smartphone running on different operating system cannot use the
application until there is another version of application is developed for that
specific platform. For example, an application developed for Windows
smartphone will not run on an Android smartphone.
Customers need to install the restaurant mobile application for getting the
benefits of smart restaurant system.
Ordering foods from computer is not possible with these application, as mobile
applications cannot be browsed via computers. To get orders from customers
using PC, another web application needs to be developed
2.6 Web Application Based System
To overcome the device and operating system centric approach for
automating restaurant operation, K et al. (2016) proposed an online web
application which can be accessed through internet. For using this application,
computer screen will be placed on each table of restaurant for customers to
order. Customers can order food for take away and make payment through the
application. However, the idea is innovative, but a little bit weird as computers
need to be installed in every table. Sometimes it may create complex problem
rather than making a solution. Patel (2015) developed an online food ordering
system with Java in backend system and HTML with CSS in frontend. It was a
robust and nice application. But the responsive development method was not
used in the application. Hence, the application cannot view properly with a
smart phone. Tan (2013) developed a web-based application with ASP .Net and
Bootstrap to automate the ordering process of the restaurant and make it
paperless. But the system is only focused on the management of the restaurant.

9
 3.SYSTEM DEVELOPMENT

3.1. Research Methodology

Research is “a scientific and systematic search for pertinent
information on a specific topic” (Kothari, 2004). The research methodology
is a process used to collect information and data for the purpose of making
decisions. There are broadly two approaches for conducting research. Those
are: 1) Quantitative analysis 2) Qualitative Analysis. For developing the
system, combined method has been applied. A systematic approach should be
used for conducting any research to find the solution of the problem in
systematic way. For this purpose, the research methods have been applied
based on waterfall model
There are different models for research. Among them, waterfall model
is chosen as it is easy to understand and implement. Hence, many beginners
use this methodology for research (Dawson, 2009). Hence, this methodology
is used for research in this project. Following steps have been used to
formulate the hypothesis and determining project requirements
3.1.1. Initial Study
This is the first step of the research. In this step, different topics and
subject area has been reviewed to find problem. After setting the goal to
developing restaurant system, the study has been narrowed to online food
ordering system.
3.1.2. Data Collection
Once the goal was set, data collection process began to get information
about the online food ordering system history and past works on this domain.
Following methods have been used for data collection: Literary Analysis:
Literatures have been reviewed and critically analyzed to find what kind of
works have been suggested in past. These works helped in finding the
shortcomings of past solutions and defining the aim and objectives of the
project. Mostly, primary data has been collected to serve the purpose. But in
some cases, secondary data is also used. Observation: Number of restaurant
websites have been reviewed to find the current trend in developing web
application for restaurants. Along with this, typical restaurant ordering system
has been reviewed to get an insight of online order processing system.
3.1.3. Analysis
After data collection, an overview on the system has been gained. Then
different methods (Data Flow Diagram, Entity Relationship Diagram etc.) of
Structured System Analysis & Design Methodology (SSADM) is used to

10
analyze the system and make logical structure for it.
3.1.4. Implementation
After getting the logical structure of the system, the implementation step
began. In this step, the logical structure converted to physical architecture
through coding and development of the system. The frontend and backend of
the system has been developed and tested.
3.1.5. Critical Analysis of the System
Safety analysis is a method for evaluating the hazards and risks posed by
a system and ways to minimize them. Many guidelines exist to guide safety
analyses, but all study two main areas. Hazard analysis is the first stage, in
which the system is studied for situations in which potential harm could result,
and the frequency with which those situations occur. Risk analysis is the
second stage, in which the possible outcomes of the hazards and the frequency
of appearance of each outcome is determined. This allows sources of potential
harm in the system to be prioritized and dealt with to increase the safety of the
system. Many standards exist for acceptable levels of safety in different
industries, but sometimes it is a judgement call as to when the system is safe
enough. In many cases, the best safety analyses are performed by those expert
in the analysis techniques, and novices are best tutored in the techniques before
performing them independently. For embedded systems in which there is the
potential for harm to a person or the environment safety analysis can be a
useful way to quantify that potential and minimize it, but its most effective use
lies in the hands of those familiar with it.
3.2 Software and Hardware Requirements
SOFTWARE REQUIREMENT
SPECIFICATION Operating System : Windows
XP/7(minimum) Presentation layer : PHP,
HTML, JS, CSS, Node js Database : Firebase

HARDWARE REQUIREMENT SPECIFICATION

Processor : Standard processor with a speed of 2.0GHz RAM : 2GB
Hard Disk : 256 GB or more
Monitor : Standard color
monitor Keyboard :
keyboard Mouse

11
 4.PERFOMANCE ANALYSIS
Performance Analysis is an activity to check whether the actual results match
the expected results and to ensure that the software system is Defect free. It
involves execution of a software component or system component to evaluate
one or more properties of interest. Software testing also helps to identify errors,
gaps or missing requirements in contrary to the actual requirements. It can be
either done manually or using automated tools

4.1 Implementation

A customer’s web browser issues an HTTP request from the Contact page. On
clicking the button, the content of the fields is posted from the customer’s
browser as a request to the web server. On receiving the request, the web server
retrieves the file, Contacts.asp from its disk or memory and passes it to the js,
after processing the file js sends the HTML page to the server.

Screenshot 3.1 Home page

It is the default webpage that serves the starting point of the website and
contains links to products and the cart and order now button when the user click
on order now button the page changes it DOM and shows the all products pages
with their images and add to cart button. The UI is made with tailwind CSS the
content delivery network is used inside the html file.

12
 Screenshot 3.2 products page

Is a type of marketing copy that describes the product in detail (name, size, price)
user click on add button the product reflects to the cart without the page refresh

Screenshot 3.3 Order confirmation

13
 customer can view the confirmation details for their order, and confirms the
details about the order that placed when click on order now button the page
shows one pop up the order goes to API for backend.

Screenshot 3.4 firebase

It is backend platform for building web and offers the real time databases which
is offered by google cloud platform when the data gets store in the Realtime it
shows the order value in the form of json .

4.2 Source Code

App.jsx
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import Home from "./pages/Home";
import About from "./pages/About";
import Nav from "./components/Nav";
import Products from "./pages/Products";
import Cart from "./pages/Cart";
import SingleProduct from "./pages/SingleProduct";
import { CartContext } from "./CartContext";
import { useState, useEffect } from "react";
const App = () => {
const [cart, setCart] = useState({});
// fetch from locastorage
useEffect(() => {
const Cart = window.localStorage.getItem("cart");
setCart(JSON.parse(Cart));
}, []);

14
 useEffect(() => {
window.localStorage.setItem("cart", JSON.stringify(cart));
}, [cart]);
return (
<div
className="md:px-8 sm:px-6 px-4"
style={{ "-webkit-tap-highlight-color": "transparent" }}
>
<Router>
<CartContext.Provider value={{ cart, setCart }}>
<Nav />
<Routes>
<Route path="/" element={<Home />} exact></Route>
<Route path="/about" element={<About />}></Route>
<Route path="/products" element={<Products />} exact></Route>
<Route path="/products/:id" element={<SingleProduct />}></Route>
<Route path="/cart" element={<Cart />}></Route>
</Routes>
</CartContext.Provider>
</Router>
</div>
);
};
export default App;
Main.jsx
import App from "./App";
import { createRoot } from "react-dom/client";
const container =
document.getElementById("root"); const root =
createRoot(container); root.render(<App />);
Home.jsx
import Products from "../pages/Products";
import homePizza from "../images/pizza.png";
const Home = (props) => {
return (
<>
<div className="pb-12 pt-4 md:pt-12">
<div className="container mx-auto px-2 md:px-4 flex flex-col sm:flex-row-reverse
items-center gap-12">
<div className="md:w-full">
<img className="md:ml-auto" src={homePizza} alt="pizza" />
</div>
<div className="w-full home-text">
<h5 className="text-md md:text-2xl mb-2 lg:text-4xl">
<strong>Are You Hungry ?</strong>
</h5>
<h1 className="text-3xl md:text-4xl mb-2 lg:text-7xl font-bold">
Don't wait
</h1>
<button className="text-md md:text-2xl font-semi-bold text-white mt-2 px-4 py-2

15
rounded-lg bg-yellow-500 hover:bg-yellow-600 hover:text-white pointer ">
Order Now
</button>
</div>
</div>
</div>
<div className="class-pb-24">
<Products getPId={(e) => props.getP(e)} />
</div>
</>
);
};
export default Home;
Products.jsx
import React from "react";
import Product from "../components/Product";
import { useState, useEffect, useContext } from "react";
import { CartContext } from "../CartContext";
function Products(props) {
// const { Name } = useContext(CartContext);
const [products, setProducts] = useState([]);
const getIdHandler = (e) => {
props.getPId(e);
};
useEffect(() => {
fetch(
"https://raw.githubusercontent.com/codersgyan/ecommerce-rest-apis-
node/main/database/products.json"
)
.then((res) => {
return res.json();
})
.then((product) => {
setProducts(product);
});
}, []);
return (
<div className="container mx-auto px-2 md:px-4 mt-10 pb-12">
<h1 className="text-xl font-bold mb-8 md:text-2xl lg:text-4xl sm:text-xl ">
Products
</h1>
<div className="products grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4
xl:grid-cols-4 gap-8">
{products.map((p) => (
<Product key={p._id} product={p} getId={getIdHandler} />
))}
</div>
</div>
);

16
 5.CONCLUSION

5.1 Conclusion
The software development is never completed. There is always a need for
modification. There could have been other approaches to implement the system. I
have tried to my level best to make the system an interactive as possible. The
system has been developed with much care and free of errors and at the same time
it is efficient and less time consuming. The purpose of this project was to develop
a web application for purchasing items from a shop. This project helped us in
gaining valuable information and practical knowledge on several topics like
designing web pages using html & CSS, usage of responsive templates, designing
of android applications, and management of database using MySQL. The entire
system is secured. Also, the project helped us understanding about the
development phases of a project and software development life cycle. We learned
how to test different features of a project. This project has given us great
satisfaction in having designed an application which can be implemented to any
nearby shops or branded shops selling various kinds of products by simple
modifications.
An online food ordering system is developed where the customers can
make an order for the food and avoid the hassles of waiting for the order to be
taken by the waiter. Using the application, the end users register online, read the
E-menu card and select the food from the e-menu card to order food online.
Once the customer selects the required food item the chef will be able to see the
results on the screen and start processing the food. This application nullifies the
need of a waiter or reduces the workload of the waiter. The advantage is that in
a crowded restaurant there will be chances that the waiters are overloaded with
orders and they are unable to meet the requirements of the customer in a
satisfactory manner. Therefore, by using this application, the users can directly
place the order for food to the chef online.
In conclusion an online food ordering system is proposed which is useful
in small family run restaurants as well as in places like college cafeteria, etc.
This project can later be expanded on a larger scale. It is developed for
restaurants to simplify their routine managerial and operational task and to
improve the dining experience of the clients. This also helps the restaurant
owners develop healthy customer relationships by providing reasonably good
services. The system also enables the restaurant to know the items available in
real time and make changes to their food and beverage inventory based on the
orders placed and the orders completed
5.2 Future Scope
Over the last two decades the field of cryptography has seen a number of
trends, including the potential to link encryption and decryption capabilities to a
person’s attributes; efficiency gains in areas such as Secure Multi-Party
Computation (MPC), which allows multiple parties to interact on confidential
data sets; new solutions for homomorphic encryption using lattice-
based
17
cryptography (which we will explore below); and, now, the threat and promise of
quantum computers pushing the field to develop post-quantum cryptographic
systems
Cryptographic systems are often built on the premise that certain math
problems are, computationally, very hard to solve. Many of these problems, such
as factoring certain types of large numbers, have been studied by mathematicians
anywhere from decades to centuries. In fact, mathematicians often estimate the
projected security of such systems by plotting the evolution in ‘running time’ of
the best-known attacks. These predictions work well, but only in the absence of
major disruptions; new algorithms or technologies drastically improve the
expected running time of attacks.
Many researchers, industrial labs, and governments are actively working
on developing a quantum computer which can handle large-scale computation,
such as the work at Station Q. While classical computers – phones, tablets,
laptops,
servers, and so on – store and process information in the form of bits (strings of
zeros and ones), quantum computers process quantum bits, a two-state quantum-
mechanical system, called qubits.
Compared to a ‘regular’ bit, a qubit can hold a value of one and zero
simultaneously. The theoretical advantage to this is that each qubit can, therefore,
perform copious processes simultaneously – dramatically shortening
computation times, and permitting calculation of significantly more complex
processes. Small-scale quantum computers already exist, and estimates vary as to
how many years it will take before researchers and engineers succeed in building
a quantum computer that can handle computations involving thousands of qubits.
Customize orders: Allow customers to customize food orders. Enhance
User Interface by adding more user interactive features. Provide Deals and
promotional Offer details to home page. Provide Recipes of the Week/Day to
Home Page Payment Options: Add different payment options such as PayPal,
Cash, Gift Cards etc. Allow to save payment details for future use. Allow to
process an order as a Guest Delivery Options: Add delivery option Order Process
Estimate: Provide customer a visual graphical order status bar Order Status:
Show only Active orders to Restaurant Employees. Order Ready notification:
Send an Order Ready notification to the customer Restaurant Locator: Allow to
find and choose a nearby restaurant Integrate with In store touch screen devices
like iPad Making a mobile app for the user is also a first step development.

18
 REFERENCES

[1]Alagoz, S. M. and Hekimoglu, H. (2012) ‘A Study on Tam: Analysis of

Customer Attitudes in Online Food Ordering System’, Procedia - Social
and Behavioral Sciences, 62, pp. 1138–1143. doi:
10.1016/j.sbspro.2012.09.195.
[2] Bean, M. (2015) Laravel 5 Essentials. Packt Publishing Ltd.
[3]Beltis, A. J. (2016) 9 Advantages of an Online Food Ordering System.
Available at: https://pos.toasttab.com/blog/online-food-ordering-system
(Accessed: 7 July 2017).
[4] Ben-Zahia, M. A. and Jaluta, I. (2014) ‘Criteria for selecting software
development models’, in. 2014 Global Summit on Computer
Information Technology (GSCIT), pp. 1–6. doi:
10.1109/GSCIT.2014.6970099.
[5] Bhaumik, S. (2015) Bootstrap Essentials. Birmingham, UK: Packt Publishing.
[6] Bounnady, K. et al. (2016) ‘Comparison the processing speed between
PHP and ASP.NET’, in. 2016 13th International Conference on Electrical
Engineering/Electronics, Computer, Telecommunications and Information
[7] Bhatnagar, P. (2006, march 28). Dinning Trends: self service=Quick-
service.
[8] Brickers, J. (2006, July 24). Is Fast Casual Self-Service at the Tripping
Ponit?
[9] De Leon, E. (2008, August 23). Best Online Food Ordering System.
Restaurant Checklist.
[10] Gan, C.C. (2002). Online Fast Food Restaurant Ordering Systems
 ACKNOWLEDGEMENT

Ability & ambition are not enough for success. Success in any endeavor depends a
lot on the support, guidance, encouragement from our guides, friends & our closer
to perfection has helped us to motivate ourselves into giving the best in our means.
gratitude Is often the hardest emotion to express & often one doesn't find adequate
words to convey what one feels. we would like to place on record our deep sense
of gratitude to prof. P. M. Mohite, Hod-Dept. 0f computer science and
engineering, for their generous guidance, help and useful suggestions.

We express our sincere gratitude to guide Prof. K. S. Gaware for her stimulating
guidance. continuous encouragement and supervision throughout the course of
present work.

We extremely thankful to Prof. G. S. Dhage, Principal, Hi-Tech Institute of

Technology. Aurangabad, for providing us infrastructural facilities to work in,
without which this work would not have been possible.

Last but not the least, a great deal of appreciation & best wishes to all friends for
their contribution & encouragement during this work.

Your Sincerely,

MUKESH MADHAV SHELKE

4101

ANIL GANESH PAWAR

4104

SHAILESH SANJAY SOLANKE

4114