KrushiJivanVikasPratishtan- Yenbodi, Reg.

No F-294
BALLARPUR INSTITUTE OF TECHNOLOGY, BALLARPUR- 442701
BTC - SCHOOL OF DIPLOMA IN ENGINEERING POLYTECHNIC
(1543)

The Knowledce World

A PROJECT REPORT
On
Food Ordering App UI((JX
in
DEPARTMENT OF
COMPUTER ENGINEERING

submitted for the partialfulfillment of the requirement in curriculum of

fourth Semester in "k'' - scheme

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

MUMBAI

SUBMITTED BY:

1. ANSHUMAN NILEWAR
2. ANUGRAH MORE
3. SHIVAM YELMULE
4. KRISHNA SHARMA

UNDER THE GUIDANCE OF:

PROF. DEVENDRA THA WARI

Department of computer Engineering

2025-2026
 CRRTIFICAT£

This is to certify that the project entitle Food Ordering App Ul/UX is
successfully completed for the fulfillment of the requirement in
fourth Semester of "kN - scheme curriculum prescribed by
Maharashtra State Board of Technical Education, Mumbai.

Place: BIT, Ballarpur {1543)

Date:

PROF. DEVENDRA THAWARI DR. SNEHAL

PROJECT GUIDE NAGHATE HEAD OF
DEPARTMENT

Dated Signature Dated Signature

 ACKNOWLEDEiEMENT

It is our great pleasure to present this project report with all our efforts to fulfill it in all aspects.

We would like to thank our Project Guide [Link] THAWARI Assistant Professor,
Department of Computer Engineering for his valuable guidance and all his support.

We would like to thank DRSHRIKANT. S. GOJE , Principal of our institute for motivation and
inspiration.

Lastly we would like to thank all the group members who took great efforts and worked hard to
complete it.

PROJECT GROUP MEMBERS :

1. ANSHUMAN NILEWAR

2. ANUGRAH MORE

3. SHIVAM YELMULE

4. KRISHNA SHARMA
 INDEX:

Sr.
Particulars Page Number
NO.

1 Teacher Evaluation Sheet. 1

2 Progressive Assessment for Micro-Project. 2

ABSTRACT
3 3
4 INTRODUCTION
4
5 OBJECTIVE
5
6 REQUIREMENT
6

7 EXPLANATION
7

8 UI DESIGN
8-13

9 CONCLUSION
14

10REFERENCE
15
 TEACHER EVALUATION SHEET FOR MICRO-PROJECT
Course Title and Code:
UI/UX DESIGN(314005)
Semester: FOURTH
Title of the Project: Food Ordering App UI/UX
cos addressed by the Micro-Project:

A)

B)

C)

D)

Major Learning outcome achieved by the students by doing the project:

a) Practical outcomes:

b) Unit Outcomes (in Cognitive Domain):

c) Outcomes in Affective domain:

Marks:

A. Marks for work

B. Marks obtained by the individual based on viva
C. Total Marks (A+B)

Name and Designation of the Faculty Memb_er

Signature

1
 Progressive Assessment for Micro-Project
Title of Project: FoodOrderingApp UI/UX

Sr. Dated
Date Activity performed Remarks by Project Guide
No. Signature
Project Guide
Prof .Devendra Thawari
1
informed us

about Micro-

project

2 Discussed with prof. Devendra

Thawari on the topic of project

3 Discussed with prof. Devendra

Thawari on the topic

4 Collected some data from

internet

5 Then I start making project

6 [Then I checked my micro -project

horn the prof. Devendra Thawari

7 Make a corrections in project

Report

Date of Submission: Project Guide: [Link] THAWARI

Dated Signature with Name and Designation

2
_j L

ABSTRACT

This microproject is based on Food Ordering App UI/UX Design.

UI/UX means User Interface and User Experience, which are very important
for designing any mobile or web application. A good UI/UX makes the
application easy to use, attractive and user friendly.

In this project, we designed a simple food ordering application interface where

the user can select food items, add them to cart and place an order easily. The
main purpose of this project is to understand how to create a clean layout,
simple buttons and easy navigation for the user.

While designing the app, we used basic rules of

UI/UX Design
such as simple design, proper colors, clear text, and user friendly screens.

This project includes different pages like home page, food list page, cart page
and order page. These pages help the user to order food in a few simple steps.

The main goal of this microproject is to learn the importance ofUI/UX in real
life applications. A good design improves user experience and makes the
application more useful and attractive.

This project helped us to understand how UI/UX design is used in modem

mobile applications like food delivery apps.

7
_J L

INTRODUCTION

UI/UX stands for User Interface and User Experience.

User Interface means the design of the application which the user can
see on the screen such as buttons, text boxes, menu, images, colors,
icons and layout.
User Experience means how easily a user can use the application and
how comfortable the user feels while using it.

In today's world, mobile applications are used everywhere. People use

apps for shopping, payment, learning and food ordering. Because of this,
it is very important to design a simple and attractive application.

In this microproject, we are designing a Food Ordering App UI/UX. In

this app the user can select food, add items to cart and place an order
easily.

In this project we use basic rules of

UI/UX Design
such as simple layout, easy buttons, clear text and good colors.
A good UI/UX makes the application easy to use and more attractive.

7
_J L

OBJECTIVE OF PROJECT
The main objective of this project is to design a simple and user friendly Food
Ordering App.

Objectives of this project:

• To understand UI/UX design

• To create simple screen layout
• To make easy buttons and menu
• To design user friendly pages
• To use proper colors and fonts
• To make navigation easy
• To allow user to order food in few steps
• To create attractive and clean design

This project helps us to understand the importance of design in application.

WHAT IS UX DESIGN

UX means User Experience.

User Experience tells how easy and comfortable the app is for the user.

Good UX means:

• User should not get confused

• App should be fast
• Steps should be less
• Buttons should be clear
• User should finish work

quickly Example of good UX in

food app:

1. Openapp
2. Select food
3. Add to cart
4. Place order.

7
_J L
WHAT IS UI DESIGN
UI means User Interface.
User Interface is the part of the application which the user can see and touch. UI

design includes:

Buttons
• Text
fields
• Menu
Icon
• Images
Colors
• Fonts
Layout

If UI is good, the user can use the app easily.

Example of UI in food app:

Homepage
• Food list
Add to cart button
• Order button
• Cart page
Rules of good UI:

• Design should be simple

• Text should be clear
• Buttons should be easy
• Colors should look good
• Layout should be clean

7
_J L

Features of Food Ordering App UI

The Food Ordering App will have these features:

1. HomePage

This page shows food items.

User can choose food from here.

2. Food List Page

-
Different foods will be shown such as: e

-.,,
�
• Pizza

• Burger
- 0 ,,

•
0 UII 0
( s
• Drinks S HJ,Jarr 0 <
MyOfder
• Snacks Sptclol food,.. """

1•"-""U"

3. Add to Cart Button • :.

-· .....
c..;
"

User can add selected food to cart.

-· -.. .. ...
......_
4. Cart Page s

Cart page shows selected items.

- sum
+ 2 -

I jj Fi
, • .arnounc n•

5.0rder Button
0. G
--•"
o. G
I i E·W

User can confirm the order.

6. Easy Navigation

User can move from one page to another easily.

7. Attractive Design

Good colors, fonts and layout will be used.

7
_J L

ADVANTAGES OF GOOD UI/UX

Advantages of good UI/UX:

Easy to use
• Looks attractive
Saves time
• Fast working
User friendly
• Professional design
User likes the app
User can order
•• quickly

CONCLUSION
In this microproject, we designed a simple Food Ordering App UI/UX using the basic
concepts of
UI/UX Design.
This project helped us to understand how to create a user friendly and attractive application
design.

We learned that a good User Interface makes the application easy to use.
Buttons, colors, fonts and layout should be simple and clearso that the user can understand
the app easily.

We also learned that User Experience is very important.

If the application is easy and fast, the user will like to use it again.

In this project, we added features like home page, food list, cart page and order button.
These features make the food ordering process simple.

From this microproject, we understood that good UI/UX design is very important for making
any application successful.

7
_J L

REFERENCE

1. Figma - Used for creating UI layout, buttons, and screen design.

2. Canva - Used for simple graphics and user interface design.
3. GeeksforGeeks- Used for learning UI/UX concepts and examples.
4. W3Schools - Used for basic HTML, CSS and design reference.
5. UI/UX notes provided by subject teacher.
6. Computer practical lab manual.
7. Internet resources related to UI/UX design.
8. Online tutorials and study material for app design.
9. Basic mobile application design examples.
10. Classroom notes and project guidelines.
11. Study material provided in computer lab.
12. Reference books related to UI/UX and software design.