The Food Tech

Company
Web System and Technologies

Name Enrollment

Abdullah bin Zubair 01-135231-001

Hashmi
Kashmallah Shah 01-135231-041
 The Food Tech Company

Table of Contents
1. Background .........................................................................................................................5
2. Introduction ........................................................................................................................5
3. Purpose and Vision of the Website ......................................................................................5
3.1 Purpose .......................................................................................................................5
3.2 Vision ...........................................................................................................................6
4. Problem Description ...........................................................................................................6
4.1 Problem Identification ..................................................................................................6
4.2 Why the Solution is Necessary ......................................................................................7
5. Team Roles and Responsibilities ........................................................................................7
5.1 Developmental Model: Incremental Model ....................................................................7
5.2 Requirements Gathering ...............................................................................................7
• Team Member ..............................................................................................................7
• Responsibilities: ...........................................................................................................7
5.3 System Design..............................................................................................................7
• Team Member: .............................................................................................................7
• Responsibilities: ...........................................................................................................7
5.4 Implementation ............................................................................................................8
• Team Member: .............................................................................................................8
• Responsibilities: ...........................................................................................................8
5.5 Verification ...................................................................................................................8
• Team Member: .............................................................................................................8
• Responsibilities: ...........................................................................................................8
5.6 Maintenance ................................................................................................................8
• Team Member ..............................................................................................................8
• Responsibilities: ...........................................................................................................8
6. Stakeholders/Users ............................................................................................................9
• Primary Stakeholders: ..................................................................................................9
• Secondary Stakeholders: ..............................................................................................9
7. Feasibility Study ..................................................................................................................9
7.1 Purpose .......................................................................................................................9

1|P a g e
 The Food Tech Company

7.2 Advantages ..................................................................................................................9

7.3 Disadvantages..............................................................................................................9
8. Proposed Solution ............................................................................................................. 10
8.1 Website Features ....................................................................................................... 10
8.2 Sketch/Wireframe ...................................................................................................... 10
9. Software Requirement Specification ................................................................................ 10
9.1 Functional Requirements............................................................................................ 10
9.3 Non - Functional Requirements................................................................................... 11
10. System Diagrams .......................................................................................................... 11
10.1 Use Case ................................................................................................................... 11
10.2 Flow Chart.................................................................................................................. 12
➢ Register/Login ............................................................................................................ 12
➢ Manage Orders ........................................................................................................... 12
➢ Assign Delivery ........................................................................................................... 13
➢ Admin Dashboard....................................................................................................... 13
➢ Manage Users ............................................................................................................ 14
➢ Delivery Order ............................................................................................................ 14
➢ Inventory Management ............................................................................................... 14
➢ Track Order ................................................................................................................ 15
➢ Process Payment........................................................................................................ 15
➢ Place Order ................................................................................................................ 15
➢ Browse Menu ............................................................................................................. 16
➢ Feedback ................................................................................................................... 16
10.3 Sequence Diagrams ................................................................................................... 17
➢ Manage Orders ........................................................................................................... 17
➢ Assign Delivery ........................................................................................................... 18
➢ Admin Dashboard....................................................................................................... 19
➢ Manage Users ............................................................................................................ 20
➢ Register/Login ............................................................................................................ 21
➢ Browse Menu ............................................................................................................. 22
➢ Place Order ................................................................................................................ 23
➢ Process Payment........................................................................................................ 24
➢ Track Order ................................................................................................................ 25

2|P a g e
 The Food Tech Company

➢ Delivery Order ............................................................................................................ 26

➢ Manage Inventory ....................................................................................................... 27
➢ Provide Feedback ....................................................................................................... 28
10.4 Assumptions/Constraints ........................................................................................... 29
• Assumptions: ............................................................................................................. 29
• Constraints: ............................................................................................................... 29
11. Project Plan .................................................................................................................. 30
11.1 Timeline and Milestones ............................................................................................. 30
11.2 Team Responsibilities ................................................................................................. 31
• Abdullah bin Zubair:.................................................................................................... 31
• Kashmallah Shah: ...................................................................................................... 31
11.3 Technology Stack and tools ........................................................................................ 31
• Frontend: HTML, CSS, JavaScript, Bootstrap. ............................................................... 31
• Backend: Node.js, Express.js, SQL. ............................................................................. 31
• Database: MySQL. ...................................................................................................... 31
• Tools: Visual Studio Code, Git. .................................................................................... 31
12. References.................................................................................................................... 31

3|P a g e
 The Food Tech Company

Table of Contents
FIGURE A FINAL LOGO ................................................................................................................................... 5
FIGURE B 1ST SAMPLE LOGO ........................................................................................................................... 5
FIGURE C USE CASE DIAGRAM ....................................................................................................................... 11
FIGURE D REGISTER LOGIN ........................................................................................................................... 12
FIGURE E MANAGE ORDERS .......................................................................................................................... 12
FIGURE F ASSIGN DELIVERY .......................................................................................................................... 13
FIGURE GADMIN DASHBOARD ....................................................................................................................... 13
FIGURE H MANAGE USERS ............................................................................................................................ 14
FIGURE I DELIVERY ...................................................................................................................................... 14
FIGURE JINVENTORY .................................................................................................................................... 14
FIGURE K TRACK ......................................................................................................................................... 15
FIGURE LPAYMENT ...................................................................................................................................... 15
FIGURE MO ORDER ..................................................................................................................................... 15
FIGURE N BROWSE ..................................................................................................................................... 16
FIGURE O FEEDBACK ................................................................................................................................... 16
FIGURE P SEQUENCE 1 ................................................................................................................................ 17
FIGURE Q SEQUENCE 2 ................................................................................................................................ 18
FIGURE R SEQUENCE 3 ................................................................................................................................ 19
FIGURE S SEQUENCE 4 ................................................................................................................................ 20
FIGURE T SEQUENCE 5................................................................................................................................. 21
FIGURE U SEQUENCE 6 ................................................................................................................................ 22
FIGURE V SEQUENCE 7 ................................................................................................................................ 23
FIGURE W SEQUENCE 8 ............................................................................................................................... 24
FIGURE X SEQUENCE 9 ................................................................................................................................ 25
FIGURE Y SEQUENCE 10............................................................................................................................... 26
FIGURE Z SEQUENCE 11 ............................................................................................................................... 27
FIGURE AA SEQUENCE 12 ............................................................................................................................. 28

4|P a g e
 The Food Tech Company

1. Background
The Food Tech Company represents a cutting-edge online food ordering platform
aimed at transforming the interaction between customers and food vendors. This
platform is designed to deliver a smooth, effective,
and user-friendly experience for both parties involved.
By utilizing advanced web technologies, it enables
customers to explore menus, place orders, and
monitor their food in real-time, while allowing vendors
to oversee their inventory and orders with greater
efficiency. This initiative is in line with the increasing
FIGURE A FINAL LOGO
trend of e-commerce within the food sector.
As the demand for online food delivery services rises,
particularly in urban environments, this platform seeks to rectify the shortcomings of
conventional food ordering methods. It will improve customer satisfaction through
real-time notifications and a more streamlined ordering experience, while
simultaneously assisting vendors in optimizing their operational management.

2. Introduction
The Food Tech Company serves as a digital platform that links consumers with food
vendors. This platform enables customers to discover a
diverse array of food choices, submit orders, and obtain
real-time notifications regarding the status of their orders.
Conversely, vendors will have the capability to oversee
their inventory, monitor orders, and engage with customers
via a user-friendly administrative interface.
The main objective of this project is to develop a secure,
user-friendly, and efficient online food ordering system that
connects customers with vendors. The aim is to improve
the overall dining experience by offering a platform that is
convenient for customers while also streamlining the FIGURE B 1ST SAMPLE L OGO
management of food items and orders for vendors.

3. Purpose and Vision of the Website

3.1 Purpose
The purpose of the Food Tech Company website is to serve as a comprehensive
platform that enables customers to effortlessly explore menus, submit orders, and
monitor their food delivery in real-time. For vendors, the platform will furnish
resources to oversee inventory, manage orders, and engage with customers

5|P a g e
 The Food Tech Company

effectively. The website seeks to optimize the food ordering experience, minimize
delays, and improve overall customer satisfaction.

3.2 Vision
The objective of the Food Tech Company website is to establish itself as the premier
platform for online food ordering, delivering a smooth and pleasurable experience for
both consumers and suppliers. This website will act as a technological hub that
reflects the company’s dedication to innovation, operational efficiency, and
customer contentment. Through the provision of an intuitive interface, real-time
notifications, and secure payment options, the website aims to redefine the
benchmarks for online food ordering services.

4. Problem Description
The Food Tech Company project aims to develop an online food ordering platform
that connects customers with food vendors. The platform will allow customers to
browse menus, place orders, and track their food in real-time, while vendors can
manage their inventory and orders efficiently. The primary goal is to streamline the
food ordering process, reduce delays, and enhance customer satisfaction.
The current system lacks a centralized platform for food ordering, leading to
inefficiencies in order management and communication between customers and
vendors. This project addresses these issues by providing a user-friendly, secure,
and efficient online food ordering system.

4.1 Problem Identification

The current food ordering system faces several challenges that hinder its efficiency
and effectiveness. Key issues include:

▪ Lack of Centralized Platform: Customers and vendors rely on multiple

platforms (e.g., phone calls, social media) to place and manage orders,
leading to confusion and inefficiencies.
▪ Inefficient Order Management: Manual order tracking and inventory
management often result in delays, errors, and poor customer satisfaction.
▪ Limited Real-Time Updates: Customers are unable to track their orders in real-
time, leading to frustration and uncertainty.
▪ Poor Vendor Management: Vendors struggle to manage their inventory and
orders efficiently, resulting in wasted resources and lost revenue.

6|P a g e
 The Food Tech Company

4.2 Why the Solution is Necessary

The Food Tech Company platform is necessary to address the inefficiencies of the
current system and provide a seamless experience for both customers and vendors.
The platform will:

▪ Streamline Order Management: Automate the order placement and tracking

process, reducing delays and errors.
▪ Enhance Customer Satisfaction: Provide real-time updates on order status,
improving transparency and trust.
▪ Improve Vendor Efficiency: Offer tools for vendors to manage their inventory
and orders more effectively, reducing waste and increasing revenue.
▪ Centralize Communication: Provide a single platform for customers and
vendors to interact, reducing confusion and improving efficiency.

5. Team Roles and Responsibilities

5.1 Developmental Model: Incremental Model
The project will follow the Incremental Development Model, which allows for the
delivery of the project in smaller, manageable increments. Each increment will
deliver a part of the website's functionality, ensuring that the core features are
developed first, with additional features added in subsequent phases. This model is
chosen because it allows for continuous feedback and adaptation, ensuring that the
final product meets the needs of all stakeholders.

5.2 Requirements Gathering

Team Member: Kashmallah Shah
Responsibilities:
▪ Collect detailed information about the website’s needs from
stakeholders (e.g., customers, vendors, and admins).
▪ Identify user needs and define functional and non-functional
requirements.
▪ Ensure all requirements are clear and feasible within the project
timeline.

5.3 System Design

Team Member: Abdullah bin Zubair and Kashmallah Shah
Responsibilities:
▪ Abdullah bin Zubair: Design the user interface (UI)and create
wireframes for the website.
▪ Kashmallah Shah: Assist in gathering feedback during the design phase
to ensure the system design aligns with the defined requirements.

7|P a g e
 The Food Tech Company

▪ Both team members will work together to design the database schema
and system architecture.

5.4 Implementation
Team Member: Abdullah bin Zubair and Kashmallah Shah
Responsibilities:
▪ Abdullah bin Zubair: Focus on front-end development, implementing
the user interface using HTML, CSS, and JavaScript.
▪ Kashmallah Shah: Focus on back-end development, including
database integration and API development using Node.js and SQL.
▪ Both team members will collaborate to ensure seamless integration between
the front-end and back-end.

5.5 Verification
Team Member: Abdullah bin Zubair and Kashmallah Shah
Responsibilities:
▪ Abdullah bin Zubair: Conduct unit testing on the front-end to ensure all
components function as expected.
▪ Kashmallah Shah: Conduct integration testing to ensure the front-end
and back-end work together seamlessly.
▪ Both team members will perform user acceptance testing to ensure
the website meets the needs of all stakeholders.

5.6 Maintenance
Team Member: Abdullah bin Zubair and Kashmallah Shah
Responsibilities:
▪ Abdullah bin Zubair: Handle updates related to the front-end, ensuring
any changes to the UI are seamlessly integrated and tested.
▪ Kashmallah Shah: Monitor the back-end for any performance issues
and ensure the database remains secure and up-to-date.
▪ Both team members will address any bugs, glitches, or user feedback
that arise after the website is deployed.

8|P a g e
 The Food Tech Company

6. Stakeholders/Users
Primary Stakeholders:
▪ Customers: Individuals who want to browse menus, place orders, and track their
food delivery.
▪ Vendors: Food vendors who manage their inventory and orders through the
platform.
Secondary Stakeholders:
▪ Admins: Responsible for managing the platform, including user accounts, orders,
and vendor information.
▪ Delivery Personnel: Individuals responsible for delivering food orders to
customers.

7. Feasibility Study
7.1 Purpose
The feasibility study aims to assess the viability of the online food ordering platform
in terms of technical, operational, and financial feasibility. The platform will address
the inefficiencies of traditional food ordering systems and provide a seamless
experience for both customers and vendors.

7.2 Advantages
▪ Improved Efficiency: Automated ordering reduces errors and delays.
▪ Enhanced Customer Satisfaction: Real-time tracking and seamless payments
enhance user experience.
▪ Better Vendor Management: Vendors can manage inventory and orders more
efficiently.
▪ Scalability: The platform can handle a growing number of users and vendors.

7.3 Disadvantages
▪ Development Costs: Initial investment in development and infrastructure.
▪ Dependency on Internet: Requires a stable internet connection for proper
functionality.
▪ Maintenance: Regular updates and maintenance are required to keep the
platform functional.

9|P a g e
 The Food Tech Company

8. Proposed Solution
8.1 Website Features
▪ User Authentication: Secure login for customers and vendors.
▪ Order Management: Real-time tracking and updates for orders.
▪ Admin Panel: Efficient management of food items, orders, and user accounts.
▪ Payment Gateway: Integration with payment gateways for seamless
transactions (future phase).

8.2 Sketch/Wireframe
Below is a basic wireframe for the Food Tech Company website:

Home Page:
▪ A welcoming homepage with a search bar, featured restaurants, and
popular food items.
▪ Navigation links to Menu, Order Tracking, and Contact Us.

Menu Page:
▪ A list of available food items with images, descriptions, and prices.
▪ A "Add to Cart" button for each item.

Order Tracking Page:

▪ Real-time updates on the status of the order (e.g., Preparing, Out for
Delivery, Delivered).

Admin Panel:
▪ A dashboard for admins to manage food items, orders, and user
accounts.

9. Software Requirement Specification

9.1 Functional Requirements
User Registration and Login:
▪ Users can register and log in securely to access the platform.

Order Placement and Tracking:

▪ Customers can place orders and track their status in real-time.

Vendor Management:
▪ Vendors can manage their inventory and orders through the platform.

Admin Dashboard:
▪ Admins can manage user accounts, orders, and vendor information.

10 | P a g e
 The Food Tech Company

9.3 Non - Functional Requirements

Performance:
▪ The website should load within 3 seconds.

Scalability:
▪ The platform should handle a growing number of users and vendors.

Security:
▪ User data must be encrypted and stored securely.

Usability:
▪ The platform should be user-friendly and accessible on different
devices.

10. System Diagrams

10.1 Use Case

FIGURE C USE CASE DIAGRAM

11 | P a g e
 The Food Tech Company

10.2 Flow Chart

➢ Register/Login

FIGURE D REGISTER LOGIN

➢ Manage Orders

FIGURE E MANAGE ORDERS

12 | P a g e
 The Food Tech Company

➢ Assign Delivery

FIGURE F ASSIGN DELIVERY

➢ Admin Dashboard

FIGURE GA DMIN DASHBOARD

13 | P a g e
 The Food Tech Company

➢ Manage Users

FIGURE H MANAGE USERS

➢ Delivery Order

FIGURE I DELIVERY

➢ Inventory Management

FIGURE JINVENTORY

14 | P a g e
 The Food Tech Company

➢ Track Order

FIGURE K T RACK

➢ Process Payment

FIGURE LPAYMENT

➢ Place Order

FIGURE MO ORDER

15 | P a g e
 The Food Tech Company

➢ Browse Menu

FIGURE N BROWSE

➢ Feedback

FIGURE O FEEDBACK

16 | P a g e
 The Food Tech Company

10.3 Sequence Diagrams

➢ Manage Orders

FIGURE P SEQUENCE 1

17 | P a g e
 The Food Tech Company

➢ Assign Delivery

FIGURE Q SEQUENCE 2

18 | P a g e
 The Food Tech Company

➢ Admin Dashboard

FIGURE R SEQUENCE 3

19 | P a g e
 The Food Tech Company

➢ Manage Users

FIGURE S SEQUENCE 4

20 | P a g e
 The Food Tech Company

➢ Register/Login

FIGURE T SEQUENCE 5

21 | P a g e
 The Food Tech Company

➢ Browse Menu

FIGURE U SEQUENCE 6

22 | P a g e
 The Food Tech Company

➢ Place Order

FIGURE V SEQUENCE 7

23 | P a g e
 The Food Tech Company

➢ Process Payment

FIGURE W SEQUENCE 8

24 | P a g e
 The Food Tech Company

➢ Track Order

FIGURE X SEQUENCE 9

25 | P a g e
 The Food Tech Company

➢ Delivery Order

FIGURE Y SEQUENCE 10

26 | P a g e
 The Food Tech Company

➢ Manage Inventory

FIGURE Z SEQUENCE 11

27 | P a g e
 The Food Tech Company

➢ Provide Feedback

FIGURE AA SEQUENCE 12

28 | P a g e
 The Food Tech Company

10.4 Assumptions/Constraints
Assumptions:
▪ Users have access to the internet and can use the platform on various
devices.
▪ Vendors are willing to manage their inventory and orders through the
platform.

Constraints:
▪ The project must be completed within the allocated timeline of 9
weeks.
▪ The platform must comply with data protection regulations.

29 | P a g e
 The Food Tech Company

11. Project Plan

11.1 Timeline and Milestones
Below is the Chart of the project timeline:
Week Tasks Deliverables

1 Requirements Gathering and Analysis 1. Finalized project requirements

1. Conduct stakeholder meetings to gather document.
requirements. 2. List of functional and non-
2. Define project scope, objectives, and deliverables. functional requirements.
2 System Design 1. System architecture and
1. Create wireframes for the homepage, menu page, database schema.
order tracking, and admin panel. 2. Wireframes for all key pages.
2. Design the database schema and system
architecture.
3 Frontend Development (Part 1) 1. Completed homepage and
1. Develop the homepage (search bar, featured items, menu page.
navigation links). 2. Responsive and user-friendly
2. Develop the menu page (food items, filters, add to design.
cart functionality).
4 Frontend Development (Part 2) 1. Completed order tracking page
1. Develop the order tracking page (real-time and admin panel.
updates, progress bar). 2. Functional and visually
2. Develop the admin panel (dashboard, user/vendor appealing design.
management).
5 Backend Development (Part 1) 1. Completed user authentication
1. Implement user authentication (login, registration). and order management system.
2. Develop the order management system (place 2. Secure and functional backend
order, track order). system.
6 Backend Development (Part 2) 1. Completed vendor and admin
1. Implement vendor functionalities (manage orders, functionalities.
update menu). 2. Fully functional backend for
2. Implement admin functionalities (manage users, vendors and admins.
generate reports).
7 Integration and Testing 1. Integrated frontend and
1. Integrate frontend and backend systems. backend.
2. Perform unit testing and integration testing. 2. Test cases and bug reports.
8 User Acceptance Testing (UAT) 1. UAT report with feedback from
1. Conduct UAT with stakeholders (customers, stakeholders.
vendors, admins). 2. Finalized system with all bugs
2. Address feedback and fix any remaining bugs. fixed.
9 Deployment and Maintenance 1. Deployed website on a live
1. Deploy the website to a live server. server.
2. Prepare a maintenance plan for post-deployment 2. Maintenance plan for future
updates. updates and bug fixes.

30 | P a g e
 The Food Tech Company

11.2 Team Responsibilities

Abdullah bin Zubair:
▪ Frontend development (HTML, CSS, JavaScript).
▪ UI/UX design and wireframing.

Kashmallah Shah:
▪ Backend development (Node.js, SQL).
▪ Database integration and API development.

11.3 Technology Stack and tools

Frontend: HTML, CSS, JavaScript, Bootstrap.
Backend: Node.js, Express.js, SQL.
Database: MySQL.
Tools: Visual Studio Code, Git.

12. References
1. The Sommerville, I. (2011). Software Engineering (9th ed.). Addison-Wesley.
2. Pressman, R. S. (2014). Software Engineering: A Practitioner's Approach (8th ed.).
McGraw-Hill.
3. Booch, G., Rumbaugh, J., & Jacobson, I. (2005). The Unified Modeling Language User
Guide (2nd ed.). Addison-Wesley.

31 | P a g e