Online Restaurant Ordering System
A PROJECT REPORT
Submitted by
Shraddha Shinde (22BCS16617)
Vineet Karan Singh (22BCS16616)
Yash Srivastava (22BCS16745)
in partial fulfillment for the award of the degree of
Bachelor of Engineering
IN
Computer Science & Engineering
Chandigarh University Nov-
2024
1
BONAFIDE CERTIFICATE
Certified that this project report “Online Restaurant Ordering System” is the
bonafide work of “Shraddha Shinde, Vineet Karan Singh, Yash Srivastava”
who carried out the project work under my/our supervision.
SIGNATURE SIGNATURE
SUPERVISOR
HEAD OF THE DEPARTMENT
Submitted for the project viva-voce examination held on
INTERNAL EXAMINER EXTERNALEXAMINER
2
TABLE OF CONTENTS
List of Figures ............................................................................................................ 5
Abstract ...................................................................................................................... 6
Chapter 1 .................................................................................................................... 7
1.1..............................................................................................................................7
1.2..............................................................................................................................7
1.3..............................................................................................................................7
1.4..............................................................................................................................8
1.5..............................................................................................................................8
Chapter 2 .....................................................................................................................9
2.1..............................................................................................................................9
2.2..............................................................................................................................9
2.3..............................................................................................................................10
2.4..............................................................................................................................10
2.5..............................................................................................................................10
2.6..............................................................................................................................10
Chapter 3 ...................................................................................................................12
Chapter 4 ...................................................................................................................17
User Manual
...............................................................................................................18
3
List of Figures
Figure 1 ............................................................................................................................... 8
Figure 2 ............................................................................................................................... 11
Figure 3 ............................................................................................................................... 12
Figure 4 ............................................................................................................................... 12
Figure 5 ............................................................................................................................... 13
Figure 6 ............................................................................................................................... 13
Figure 7 ............................................................................................................................... 13
Figure 8 ............................................................................................................................... 14
Figure 9 ............................................................................................................................... 14
Figure 10 ............................................................................................................................. 14
Figure 11 .............................................................................................................................. 15
Figure 12 .............................................................................................................................. 15
Figure 13 .............................................................................................................................. 15
Figure 14 ............................................................................................................................... 16
Figure 15 ............................................................................................................................... 16
4
ABSTRACT
The "Online Restaurant Ordering System" is a web-based platform designed to
streamline the process of ordering food from restaurants. It addresses inefficiencies in
traditional order management by providing a digital solution that connects customers to
restaurants seamlessly. The system allows users to browse restaurant menus, place
orders, and make payments online, while restaurant managers can easily manage and
track orders.
Developed using HTML, CSS, JavaScript, Bootstrap for the front-end, and ExpressJS,
MySQL for the back-end, the system offers features such as user registration, cart
management, order tracking, and a secure payment gateway. The main objective is to
enhance the customer experience by reducing wait times, improving order accuracy, and
offering a convenient, user-friendly interface. On the restaurant side, the system
minimizes manual labor, reduces errors, and increases operational efficiency.
The project follows a structured development process, including requirement gathering,
design, implementation, and testing phases. It has been designed with scalability in
mind, allowing for future integration of features such as real-time order tracking and AI-
based recommendations. The system has been successfully tested, with most outcomes
meeting expectations, though future improvements could address performance
bottlenecks during peak usage. The report also outlines potential future work, including
mobile app development and integration with inventory management systems.
5
CHAPTER 1.
INTRODUCTION
1.1. Client Identification/Need Identification/Identification of relevant
Contemporary issue
In today’s fast-paced world, the food service industry is rapidly evolving. With the
increase in internet access and smartphone usage, online food ordering has seen
substantial growth. According to a Statista report, the global revenue in the online food
delivery market is expected to reach $96.37 billion by 2024. Despite the growth, many
small and medium-sized restaurants still rely on manual or outdated systems for order
management, leading to inefficiencies, longer waiting times, and the potential for errors
in order fulfillment. This creates a significant need for an efficient, user-friendly online
ordering system that streamlines the process for both customers and restaurant operators.
Restaurants face challenges in handling a high volume of orders, and customers expect
seamless ordering experiences. A contemporary issue in this field is the lack of integration
between a restaurant's physical operations and digital solutions. Reports from agencies
like McKinsey & Company indicate that restaurants without modern digital tools struggle
with order management, inventory tracking, and customer satisfaction. Therefore, the
need for an Online Restaurant Ordering System is highly justified to enhance operational
efficiency and meet consumer demand for convenience.
1.2. Identification of Problem
The core problem that needs resolution is the inefficiency in managing restaurant orders.
This includes the inability to handle a large number of orders simultaneously, order
accuracy issues, slow order processing, and the lack of a centralized platform where
customers can conveniently place and track their orders.
1.3. Identification of Tasks
To address the above problem, the following tasks are required:
6
• Requirement Gathering and Analysis: Understand the needs of restaurant owners and
customers.
• Design Phase: Develop wireframes, prototypes, and define the user interface (UI) and
user experience (UX) elements.
• Development: Use HTML, CSS, JavaScript, Bootstrap for front-end, and ExpressJS and
MySQL for back-end and database management.
• Testing: Perform functional, usability, and performance testing to ensure the system
works smoothly.
• Deployment and Maintenance: Deploy the system on a live server and perform regular
updates and maintenance.
1.4. Timeline
The project is divided into five major phases. A Gantt chart can be created as follows:
Figure 1: Gantt Chart
1.5. Organization of the Report
• Chapter 2: Discusses the design flow and critical evaluation of the features, constraints,
and design alternatives.
• Chapter 3: Focuses on the implementation, analysis of the solution, and validation of
the project outcomes.
• Chapter 4: Provides conclusions and outlines future work to improve the system
7
CHAPTER 2.
DESIGN FLOW/PROCESS
2.1. Evaluation & Selection of Specifications/Features
The following features were identified as critical for the system:
1. User Registration and Login: For customers and restaurant managers.
2. Restaurant and Menu Display: A user-friendly interface to showcase restaurants, food
items, prices, and images.
3. Ordering and Cart Management: Allow users to place orders, modify the cart, and
choose delivery options.
4. Payment Gateway Integration: Seamless checkout with online payment options.
5. Order Tracking: Real-time tracking of order status.
6. Admin Dashboard: For restaurant managers to manage orders, menus, and customer
data.
2.2. Design Constraints
1. Regulations: Compliance with data protection laws (GDPR) for handling user data.
2. Economic: Balancing features with development cost; opting for open-source
technologies like MySQL and ExpressJS.
3. Environmental: Reducing paper waste by promoting digital receipts and orders.
4. Health & Safety: Ensuring user safety by integrating secure payment gateways.
5. Manufacturability: The design needs to be scalable to accommodate future expansions.
6. Social & Political Issues: Catering to a diverse user base with various dietary
preferences and payment methods.
7. Cost: Keeping development costs minimal while ensuring efficient operations.
8
2.3. Analysis and Feature finalization subject to constraints
Based on constraints, the following modifications were made:
• Limited to two payment gateways (PayPal and Stripe) due to cost concerns.
• Simplified order tracking by focusing on estimated delivery times rather than real-time GPS
tracking. Prioritized mobile responsiveness over advanced desktop-only features.
2.4. Design Flow
Two alternative designs were considered:
1. Centralized System: One server managing all requests, suitable for small operations but
prone to overload.
2. Distributed System: A microservice architecture where different services (orders,
payments, customer data) run on separate servers.
.
2.5. Design selection
The distributed system was selected due to its scalability and fault tolerance. While slightly
more complex to implement, it allows for better performance and handles a high volume
of concurrent users more efficiently.
2.6. Implementation plan/methodology
The system was implemented using the following methodology:
• Frontend: Developed using HTML, CSS, Bootstrap, and JavaScript for
a responsive UI.
• Backend: ExpressJS framework for managing API requests and MySQL
for database operations.
• Flowchart: The overall process flow includes user registration, login,
menu display, order management, and payment.
9
Figure 2: Flowchart for Online Restaurant Ordering System
10
CHAPTER 3.
RESULTS ANALYSIS AND VALIDATION
3.1. Implementation of solution
The solution was implemented using modern development tools:
• Analysis: User requirements were gathered through surveys and interviews with
restaurant managers.
• Design Drawings: Wireframes and mockups were created using Figma to design the UI.
• Project Management: Git was used for version control, and Trello for task management.
• Testing: Performed functional testing using Jest (for JavaScript), and user acceptance
testing to validate usability.
The online restaurant ordering system was tested for functionality, performance, and
usability. The system met most expected outcomes, with slight deviations in load times
under peak usage.
Figure 3: Landing Page
Figure 4: SignUp Page
11
Figure 5: Sign In page
Figure 6: Home Page
Figure 7: Menu List
12
Figure 8: Cart Page
Figure 9: Confirmation Page
13
Figure 10: Details and Order History Page
Figure 11: Admin Sign In Page
Figure 12: Admin Welcome Page
14
Figure 13: Admin Adding Food Page
Figure 14: Changing Price of Cuisine
Figure 15: Admin Order View & Dispatching Page
15
CHAPTER 4.
CONCLUSION AND FUTURE WORK
4.1. Conclusion
The Online Restaurant Ordering System successfully provides a platform for
restaurants to manage orders online efficiently. The system is user-friendly, scalable,
and reduces operational errors. It meets the need for an integrated solution to improve
customer satisfaction and streamline restaurant operations.
Deviations from the expected outcomes included slower-than-expected performance under
high loads, likely due to server limitations that can be addressed in future updates.
4.2. Future work
Future enhancements could include:
• Advanced Order Tracking: Real-time GPS tracking of deliveries.
• AI Recommendations: Personalizing menus based on user preferences and past orders.
• Integration with Inventory Management Systems: To update inventory levels
automatically based on orders.
• Mobile App Development: Expanding the platform to include a native mobile app for
Android and iOS users.
16
USER MANUAL
• Download the zip folder from the google drive link.
• Extract the zip folder.
• Import the data from the FoodOrderingWebsite.sql file to your MySQL Database.
• Install NodeJS in your system.
• Go to the folder where you have extracted or cloned the project.
• Open command prompt or terminal having the same location where your project is.
• Type npm install in your command prompt or terminal.
• Now to run the project on your server type npm start .
Google Drive Link: https://drive.google.com/drive/folders/1Zfwj9ChXjxJ-OkgVtdC-
uHKyNmL8r?usp=sharing
17
