ONLINE FOOD DELIVERY APPLICATION

An online food ordering system is a web-based application that stimulates the foodies (customers) to put food orders through the internet by locating their favorite restaurant or nearest one.

It is known globally that, in today’s market, it is extremely difficult to start a new small-scale business and live through the competition from well-established and settled owners. In the fast-paced times of today, when everyone is squeezed for time, the majority of people are worried when it comes to placing a food order. The customers of today are not only attracted because placing an order online is very convenient but also because they have visibility into the items offered, price, and extremely simplified navigation for the order.

The online ordering system here greatly simplifies the ordering process for both the customer and the restaurant. The system presents an interactive and up-to-date menu with all available options in an easy-to-use manner. Customers can choose items to place an order which will land in the Cart.

Objective

The objective of this project is to study how the online food ordering application works and the process of the system followed by the users.

  • Developing an application that gives restaurant owners the opportunity to flourish their business by uploading menus at no cost will invariably lead to higher customer retention and acquisition rates.
  • To ensure customer satisfaction.
  • To increase efficiency and improve services provided to the customers through better application of technology.
  • It is designed to increase efficiency, and save money and time.
  • It shows the correct menu and enables the customers to order items that are available.
  • To avoid long queues at the counter.
  • To accommodate a huge amount of orders at a time.
  • To improve the communication between the client and the server.

System Design

In this project, we decided to make a food ordering app where there is an admin, who will provide the id and password to the restaurant owners then the owners contact the admin and receives the id and password.

Following is the system design:

  • Create an account.
  • Manage their account.
  • Log in to the system.
  • Navigate the restaurant’s menu.
  • Select an item from the menu
  • Add an item to their current order.
  • Review their current order.
  • Provide payment details.
  • Place an order.

STAKE HOLDERS

CUSTOMER MODULE

SPLASH SCREEN

The first screen of the application will be the splash screen. It will be visible for 3-4 seconds. Splash screens typically serve to en- hance the look and feel of an application or website, hence they are often visually appealing. They may also have animations, graphics, and sound.

LOGIN SCREEN

In login screen, customers will
enter the following information:
Email ID
Password
Then click on Login button.The user’s entered credential – Email address/Username, Pass-word is valid and correct or not. User will not get access to the re-stricted page until he/she entered a valid email and password. If the customer forgot their pass- word, in that case customer can reset their current password & set a new password.

FORGOT PASSWORD SCREEN

In forgot password screen, if the customer forgots his password so in that case he can reset the current password & set a new one. He only needs to enter his registered email address & will re-ceive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

OTP VERIFY SCREEN

In verify OTP screen, the user will enter the OTP sent to his regis-tered mobile number for verification. Once enter the received OTP for verification, then the pop-up will generate that your pro-file is created successfully.

REGISTRATION SCREEN

In registration screen, the new cus-tomer or user will enter his details like:

1. Name
2. Email address
3. Contact number with country code.
4. Password
5. Confirm password
6. Agree to terms and conditions (checkbox).

Then click on Create account button.

TURN ON LOCATION

By clicking on Turn on GPS button, users can turn on GPS to find out better restaurant suggestions
as per our location.

HOME SCREEN

This is the main screen around which the entire app revolves. The home screen is the place where the user keeps coming back to, so having a screen that is easy to navigate is of the utmost importance. There is no set template that follows here, which means the home screen will differ based on the purpose of the app.

In the above screen, customers can search the restaurants on the basis of their location. Customers can view categories,
recent orders, top restaurants etc.

FAVORITES

In this screen, customers can add their favorite restaurants so that when he wants to order any food item he won’t need to search the restaurant, he can directly go to favorite screen & order food.

ORDERS

In this screen, all the customers’ orders will reflect here. He can view every information about the order like the ordered items, price, date etc.

NOTIFICATIONS

Push notifiications help restaurants and their offers to get noticed by customers. They allow merchants to send timely, relevant mes-sages to people who already have an interest in your business, in-creasing the likelihood they will act on the offer you’ve just sent them.

PROFILE SCREEN

A sidebar enables app navigation and provides quick access to top-level collections of content in your app. The term sidebar
refers to a list of top-level app areas and collections, almost always displayed in the primary pane of a split view.

PAYMENT METHODS

In this screen, customers can add their payment methods with their details for ordering food. It can be either Paypal, Cash On De-livery (COD), etc

ADDRESS BOOK

In address book screen, customers can add & save their address-es for future perspective. After swiping left, customers will get 2 options for edit and delete the address. When customer will click on the Add address, he will go to the below screen

Here, he can enter his delivery location & save it as home, work or others. To set delivery location, even users can hold the audio icon & start recording & save their location.

SEND FEEDBACK

Feedbacks act as a tool through which customers feel that they have importance and value. If restaurant owners are planning to
manage reviews, here we can say a restaurant feedback system plays a vital role.

For an enhanced takeaway home delivery system, one needs to rectify their shortcomings, and that is possible only by analysis of genuine feedback from customers.

RAISE TICKET

In raise ticket screen, customers can contact the support team incase of any help or issue by raising the tickets. This will also allow them to view and track all current and past support tickets.

LOGOUT

Loging out means to end access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

RAISE TICKET

In raise ticket screen, customers can contact the support team incase of any help or issue by raising the tickets. This will also allow them to view and track all current and past support tickets.

MERCHANT MODULE

SPLASH SCREEN

The first screen of the application will be the splash screen. It will be visible for 3-4 seconds. Splash screens typically serve to en-hance the look and feel of an application or website, hence they are often visually appealing. They may also have animations, graphics, and sound.

LOGIN SCREEN

In login screen, merchant will enter the following information:
– Email ID
– Password
Then click on Login button.
The user’s entered credential -Email address/Username, Pass-word is valid and correct or not. User will not get access to the re-stricted page until he/she entered a valid email and password.

FORGOT PASSWORD SCREEN

In forgot password screen, if the merchant forgots his password so in that case he can reset the current password & set a new
one. He only needs to enter his registered email address & will re-ceive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

In registration screen, the new merchant will enter his information like

1. Basic info: This section will include the following details

a. Owner name b. Email ID c. Contact number with country code d. Date of birth e. Password f. Confirm pass word g. Upload company or verification documents (if necessary)

2. Restaurant info: This section will include the following detail

a. Restaurant name b. Restaurant location c. Select cuisines (drop-down) e. Select payment method d. Minimum order

3. Services date & time: In this section, the merchant will select his restaurant service days & opening & closing hours

OTP VERIFY SCREEN

In verify OTP screen, the user will enter the OTP sent to his regis-tered email address for verification

HOME SCREEN

This is the main screen around which the entire app revolves. A toggle switch is a digital on/off switch. Toggle switches are best used for changing the state of system functionalities and preferences. Here, when we will on the toggle switch then we will consider online & all types of orders & data will display. When we will off the toggle button then we will consider offline & noth-ing will display on the screen.

OFFLINE TOGGLE SCREEN

When we will off the toggle button then merchant will be offline & nothing will display on the screen.

ACCEPTED ORDERS

This screen will appear when clicking on accepted orders icon on the main screen. All the accepted orders will list here & 2 options will be given to the merchant.
Prepared: when click on prepared button, a pop-up window will appear & will ask “are you sure you want to prepare this order”. Click on Yes or No. Once click on Yes button then the order will start to prepare.
Cancel: when click on Cancel button, a pop-up window will appear to cancel the order then click on Yes or No button accord-ingly.

PREPARED ORDER

This screen will appear when clicking on prepared orders icon on the main screen. All the prepared orders will list here & Ready for pickup option will be given to the merchant.

ORDER ACCEPT

When clicking on Ready for pickup button, pop-up will appear mentioning that order is ready for deliver

COMPLETED ORDER

This screen will appear when clicking on completed order icon on the main screen. All the completed orders will display here

SIDE MENU BAR

Sidebar menus have been used as a directory for Related Pages to a Service offering, Navigation items to a specific service or
topic and even just as Links the visitor may be interested in.

EDIT PROFILE

In edit profile screen, merchants can edit their information like basic info, restaurant info & service date & time.

MENU

In the above screen, all the menu items will be displayed here. Mer-chants can add menus by clicking on add menu button.

ADD MENU POP-UP

While clicking on Add menu button, the pop-up will appear where we have to enter menu name & upload image of the food.

WALLET

The wallet feature allows the person to receive and manage pay-ments from the app and the customer. They can check out how
much money they have in the wallet and withdraw money any-time.

Order History: In order history screen, all the orders will display here whether it is ready for pickup, accepted, payment pending, out for delivery, declined, completed, cancelled, return etc.

Filter Orders: Merchants can even select & apply filters & on the basis of that can see the orders. “All” is the default filter that would be selected & all the orders will display. If you want to select any particular order then select the filter according to that

ORDER HISTORY

FILTER ORDERS

SUPPORT

In Support/help screen, merchants can contact with support team in case of any help or issue via call or email. Merchants can create a support request directly from the dashboard by clicking on the Support menu. This will also allow them to view and track all cur-rent and past support tickets.

RAISE & TICKET LIST

Creating a support request from the dashboard will capture all rele-vant information needed by the merchant to support team to effi-ciently scope, prioritize, and resolve issues. Merchant need to fill the form by mentioning title of the issue
description & add imag-es.t

SETTING

1. FAQ (Frequently Asked Questions) – FAQ is a list of ques-tions and answers covering many topics, including account, pay-ment, online food order, and delivery from popular restaurants and local chefs near your current location.

2. Terms & conditions – When we order food through the food delivery platforms, by simply clicking on “Place Order” option, we
enter into a contract with the Food Delivery Platforms. Through this article, we will learn about the various terms and conditions that a Food Delivery Platform should include in its Agreement.

3. About us – That is the briefest description for this app. The cus-tomer app helps the customer to access the online food ordering platforms, search for the right restaurant or the dish they want to order, place their orders and pay easily. There are many features you can implement in the app to make it easy and exciting to use.

LOGOUT

Loging out means to end access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out

DRIVER MODULE

SPLASH SCREEN

The first screen of the application will be the splash screen. It will be visible for 3-4 seconds. Splash screens typically serve to en-hance the look and feel of an application or website, hence they are often visually appealing. They may also have animations, graphics, and sound.

LOGIN SCREEN

In login screen, drivers will enter the following information:
-Email ID
-Password
Then click on Login button. The driver’s entered credential – Email address/Username, Pass- word is valid and correct or not. User will not get access to the re-stricted page until he/she entered a valid email and password. If the driver is a new user for the app, he will click on Create account button & fill the form for further veri-fication process. Social login, also known as social sign-in, uses information from social networking sites to facilitate logins on third-party applications and platforms. The process is de-signed to simplify sign-in and regis-tration experiences, providing a convenient alternative to mandato-ry account creation.

FORGOT PASSWORD SCREEN

In forgot password screen, if the driver forgots his password so in that case he can reset the current password & set a new one. He only needs to enter his registered email address & will re-ceive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

REGISTRATION SCREEN

In registration screen, the new rider will enter his details like:
1. Name
2. Email address
3. Contact number with country code
4. Date of birth
5. Password
6. Confirm password
Then click on Register button.

OFFLINE SCREEN

When driver will off the toggle button then he will be offline & nothing will display on the screen.

HOME SCREEN

A toggle switch is a digital on/off switch. Toggle switches are best used for changing the state of system functionalities and
preferences. Here, when we will on the toggle switch then we will consider online & all types of orders which needs to be deliv-ered & data will display. When we will off the toggle button then we will consider offline & nothing will display on the screen.

DELIVERY HOTSPOTS

A Hotspot is an area within your starting point that indicates the busiest areas for orders. You will generally see Hotspots near areas with many restaurants. To increase your chances to re-ceive more orders, simply position yourself closer to a Hotspot.

APPLY FILTERS

Drivers can even select & apply filters & on the basis of that can see the orders. “All packages” is the default filter that would be selected & all the orders will display. If you want to select any par-ticular order then select the filter according to that

SIDE MENU

A sidebar enables app navigation and provides quick access to top-level collections of content in the app. The term sidebar
refers to a list of top-level app areas and collections.

MY WALLET

The wallet feature allows the person to receive and manage pay-ments from the app and the restaurant. They can check out how
much money they have in the wallet and withdraw money any-time.

PACKAGE HISTORY

In package history screen, all the packages will display here whether it is ready for pickup, accepted, payment pending, com-
pleted, cancelled, return etc.

NOTIFICATIONS

Push notifiications help drivers to receive the notifications related to KYC verification, orders, payments etc.

SUPPORT

In Support screen, drivers can contact with the support team in case of any help or issue by raising tickets. Drivers can create a support request directly from the menu by clicking on the Sup-port. This will also allow them to view and track all current and past support tickets.

FAQS

FAQ is a list of questions and answers covering many topics, in-cluding account, payment, online food order, and delivery from
popular restaurants and local chefs near your current location.

SETTINGS

In case of forgot password, drivers can reset their passwords & set a new one.

LOGOUT

Loging out means to end access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

SUPER ADMIN PANEL MODULE

LOGIN SCREEN

On the login screen, the admin will enter the following information:
– Email ID
– Password
Then click on the Login button.

DASHBOARD

The dashboard is the front page of the Administration UI. It is basi-cally the front side of the admin panel. It provides the display of in-formation which is actually more detailed than the regular user would need.

In the dashboard, the admin can view total users, total merchants,total drivers & total orders

ADMIN MANAGEMENT

In the admin management, the super admin can view the admin details like profile picture, name & email address.

ADD ADMIN

By clicking on Add admin button, super admins have the access to add admins by filling in the details:

  • Admin name
  • Admin email
  • Admin password

Then click on Add admin button.

CUSTOMER MANAGEMENT

In customer management, super admins have the access to add and view the customers or users. While clicking on the View button, admins have permission to view customer details, edit customer details, view notifications, view payment methods, ad-
dresses, etc.

ADD CUSTOMER

By clicking on Add customer button, super admins have the access to add users by filling in the details:

  • Customer name
  • Customer email
  • Customer password
  • Customer address
  • Customer phone number

Then click on Create customer button

VIEW CUSTOMER

Super admin can view customer details like customer name, email address & contact number. Also, they can delete any par-
ticular user.

EDIT CUSTOMER

In the above screen, the super admin can edit the customer in-formation like name, email address, address & phone number &
click on the Save customer button.

VIEW NOTIFICATIONS

All the notifications will display under the view notification menu.

VIEW PAYMENT METHODS

Can add or update the payment method of customers.

ADDRESS

Super admin can view & add customers’ addresses.

ADD ADDRESS

Customers can add their address either manually or start recording.

MERCHANT MANAGEMENT

In the above screen, the super admin can view owner details & even have the access to verify their KYC. If they want they can delete owners/merchants.

ADD MERCHANT

By clicking on Add merchant button, super admins have the access to add users by filling in the form which includes personal
details, restaurant information, their service day & time etc. Then click on Create merchant button.

EDIT OWNER

In the edit owner screen, the super admin can edit the owner infor-mation like personal details, KYC documents, and restaurant de-tails (address & service days & time)

DRIVER MANAGEMENT

In the above screen, the super admin can view driver details & even have the access to verify their KYC. If they want they can delete drivers.

ADD DRIVER

By clicking on Add driver button, super admins have the access to add drivers by filling in the detail
1. Driver name 2. Driver email 3. Driver password 4. Driver DOB 5. Driver pin code
6.
Driver address 7. Driver city 8. Driver phone number 9. Upload driver profile picture
Then click on add driver button.

VIEW DRIVER

Super admin can view driver details like driver name, email ad-dress & contact number. Also, they can delete any particular
driver.

EDIT DRIVER

In the above screen, the super admin has the access to edit the driver information like personal details, upload personal & vehicle documents, verify their KYC status, etc

VIEW NOTIFICATIONS

Once the driver’s KYC is verified, it will display the notification under the view notification menu

VIEW PAYMENT METHODS

Under this menu, the super admin can add or update the payment method of drivers.

VIEW WALLET

Under this menu, the super admin can view the wallet of drivers. He can view the current balance or amount of the specific drivers. In case of disbursement, he can enter the amount which he wants to pay.

VIEW PACKAGES

Admin will have the section to view all the orders placed, source & destination address, & status. Also, he can export the package in-formation file by clicking on export to file

VIEW PACKAGES B2B

Admin will have the section to view all the orders placed, source & destination address, & status. Also, he can export the package in-formation file by clicking on export to file

VIEW PACKAGES C2C

Admin will have the section to view all the orders placed, source & destination address, & status. Also, he can export the package in-formation file by clicking on export to file

ADD PACKAGE DISCOUNT

In this menu, the admin can create discounts on the package. He will enter the following details:

  • Discount – set amount on the package for discount purposes
  • Description – short description regarding the discount pack age
  • Type – type of discount
  • Valid from – valid to (calendar) – enter the date from which you

VIEW PACKAGE DISCOUNT

The packages that will be added in the ‘add package discount’ sec-tion will show in the ‘view package discount’. When you will click on the VIEW button, then the following screen will appear. On this screen, you can edit the package discount details & savethem

ADMIN PARAMETERS

Under this section, the admin can set the parameters related to the deliveries allowed, distance covered, merchant share, driver share, etc.

TIP MANAGEMENT

Under this section, you can add a tip amount for the drivers. While ordering the food, tip amounts will show there. Customers can select the amount that they want to give to the drivers. You can also delete the tip amount by clicking on the delete tip button.

VIEW TRANSACTIONS

The super admin can view the transactions by fetching the Cus-tomers’ transaction IDs. Also, all the transactions will display along with their status. If in case you want to change their status then click on the VIEW button & the below screen will appear.
Click on the drop-down menu of the New State & update the status of the transaction to failed, initiated, or successful.

VIEW TICKETS

The super admin can view the tickets raised by the customers. Also, all the tickets will display along with their status. If in case you want to change their status then click on the VIEW button & the below screen will appear. Click on the drop-down menu of the New State & update the status of tickets to resolved or unresolved.

ORDERS PLACED

You can view the orders placed by the customers along with the customer details. In case you want to change the status of orders then click on the VIEW button & the below screen will appear. Click on the drop-down menu of the New Status & update the status of orders to delivered, declined, canceled, returned, refund-ed, etc

ADD FOOD CATEGORY

You can create a food category by entering the food category name, description of the food category, selecting an image & click on Create food category button.

VIEW FOOD CATEGORY

The food categories that you have created in add food category will show under view food category. In case you want to make any changes or delete any particular category then just click on that specific food category. You could delete or do any changes.

ADD RESTAURANT CUISINE

You can create restaurant cuisine in Add Restaurant Cuisine menu. Enter the name, short description & upload a photo.

VIEW RESTAURANT CUISINE

The restaurant cuisine that you have created under add restaurant cuisine will show in the view restaurant cuisine. In case you want to make any changes or delete any particular cuisine then just click on that specific restaurant cuisine, you could delete or do any changes.

ADD FOOD TYPE

After adding restaurant cuisines, you can add the food items by en-tering the food type name, brief description, and food image & then click on create food type.

ADD GUIDELINE

Under this menu, you can add the guidelines regarding COVID for customers, merchants, and drivers that they need to follow.

VIEW GUIDELINE

Under this menu, you can view the added guidelines & if you want to make any changes or delete any guidelines then click on that particular guideline to do that.

ADMIN PROFILE

In the profile section, the admin can edit their password or change their profile picture.

LOGOUT

Logging out means ending access to an app or a website. Log-ging out informs the app or website that the current user wishes
to end the login session. Log out is also known as log off, sign off or sign out.

See Our Full Documentation About Food Delivery
Mobile Application

Digital Guider
4.4
Based on 97 reviews
powered by Google
Mike SullivanMike Sullivan
15:14 21 Jan 22
They have been very detailed and also responsive to all my questions. They are way to work with. It has only been 3 months but hopefully my ranking will continue to improve.
Carlene CastCarlene Cast
01:02 31 Dec 21
These guys are fantastic! Taran takes the time to assess what is required to resolve any issues with my website. I can always count on this team to help us achieve any short-term or long-term goals we have for our website. They've been a huge help to our company so far, and I'll continue to use his services as needed. I'm so glad I found Digital Guider for my business!
Bob CoolBob Cool
22:16 23 Dec 21
They were helpful, but I felt very cornered and was not really listened to.There PDF website survey was way more helpful than the meeting call I was in.
VENUS TRUONGVENUS TRUONG
20:28 20 Oct 21
Vic is EXCELLENT, EXCELLENT! Professional and top notch service for my business . I just really want to tell you how lucky I am to work with you.Thanks million....'Ps; Will prefer friends to you.Venus T
Jared WrightJared Wright
02:51 20 Oct 21
I have had a great experience with Digital Guider. I am the Owner and operator of Zion Amazing Adventures a guiding company in the Zion area. I have a lot on my plate and have little to no time for marketing. Anna Wilson makes sure that I make it a priority because of the impact it will have on our success. She has me approve the work so I can focus on our clients. We have already seen progress in our first month. Stoked.
js_loader