Food Delivery Application Using
MERN Stack
Project Report - Kaustubh Pandey
Dev Bhoomi Uttarakhand University
Under Supervision of Mr. Rakesh Arya
October 2024
Introduction
• This project report presents the development
of a Food Delivery Application using MERN
Stack. The goal is to create an efficient
platform connecting customers with
restaurants, ensuring a seamless food
ordering experience.
Problem Statement
• Challenges in traditional web development
include fragmented technologies, integration
issues, scalability, and inefficiency. The MERN
stack offers a unified framework to overcome
these problems.
Objectives
• • To create an efficient food delivery
application using the MERN stack.
• • Design a scalable, maintainable, and secure
system.
• • Provide a smooth user experience with a
responsive UI.
• • Ensure a unified development approach
from front-end to back-end.
Methodology
• The methodology followed includes
requirement analysis, designing the
framework, implementing the MERN stack,
testing, and deployment. The key stages
involve MongoDB for database, [Link] for
backend, [Link] for frontend, and [Link] for
server-side operations.
Technologies Used
• • MongoDB: NoSQL database for storing user
data and orders.
• • [Link]: Backend framework handling API
requests.
• • [Link]: Frontend library creating a dynamic
and interactive user interface.
• • [Link]: Server-side runtime handling
multiple requests efficiently.
MongoDB and [Link]
• MongoDB handles the database layer, storing
user and order data, and ensures scalability.
[Link] acts as the backend framework,
managing routing, API requests, and
middleware, ensuring efficient communication
with the frontend.
[Link] and [Link]
• [Link] manages the frontend with reusable
components, enhancing UI development and
speed. [Link] operates the server side with
non-blocking I/O, allowing scalability and
efficient management of concurrent user
requests.
System Architecture
• The system architecture integrates MongoDB
for data storage, [Link] for backend
services, [Link] for the user interface, and
[Link] for server-side operations. This
ensures seamless data flow from user actions
to backend processing.
Features of the Application
• • User Authentication (Sign-up/Sign-in)
• • Menu browsing and item selection
• • Cart management and checkout process
• • Order management for both customers and
restaurants
React Hooks in the Application
• The app utilizes React hooks like useState for
state management, useEffect for side-effects
handling, and useNavigate for navigation
between pages, ensuring a smooth user
experience.
HTTP Protocol and REST APIs
• HTTP methods like GET, POST, PUT, DELETE are
used in the application for various operations.
REST APIs handle communication between the
frontend and backend, facilitating smooth
data transfer.
Testing and Performance Analysis
• The application was thoroughly tested through
unit tests, integration tests, and system tests.
Issues like slow loading times and minor
server errors were identified and resolved.
Overall, the system performs reliably under
high demand.
Conclusion
• The MERN stack-based food delivery
application effectively addresses challenges in
web development, offering scalability,
maintainability, and efficiency. It provides a
seamless user experience for both customers
and restaurant owners.
Future Scope
• • Adding real-time delivery tracking
• • Incorporating machine learning for
personalized recommendations
• • Supporting multiple languages and
currencies
• • Enhancing system performance with load
balancing and caching.