Food Delivery Website

Abstract

1. Introduction

This is a private internal project for a food delivery app built with React. The purpose of this app is to offer a user-friendly and efficient way to order food online. This website is designed to offer a seamless experience for customers who are looking for a hassle-free way to order food from their favorite restaurants. This food delivery website offers a convenient and efficient way for customers to order food online. With its user-friendly interface, intuitive ordering system, and real-time order tracking, it is designed to make the food delivery experience as seamless as possible.

The design of this app was created using FIGMA. The design was created after a discussion with the product owner to get a sense of requirements for the final product. The basic branding of the service was done first. The information architecture of the website was then structured after conducting study on a few products in the same category. The design was implemented after getting a clear idea about the product.

2. Objective

This project is part of our industrial attachment ECE 4100, it is a food delivery app landing page built with React.js & styled using Material UI!

This project demonstrates how JavaScript, Firebase, React can be applied to a real-world Full Stack Web Development problem.

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/faizulislamfair/food-delivery-website.git
cd food-delivery-website

1. Clone the repository to your local machine: git clone https://github.com/faizulislamfair/food-delivery-website.git
2. Install Node JS. Refer to NodeJS for installation.
3. Navigate to the project directory: cd
4. Install the project dependencies: npm install
5. Start the app in development mode: npm start
6. Open http://localhost:3000 to view the app in the browser.

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by faizulislamfair and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.