Food Delivery App Demo Video

food app demo video

GRAPHICAL FLOW OF THE APPLICATION

Get an in depth understanding of how the Food App works exactly! There are three different apps at play here to make the entire process of delivery possible.

Website

Screenshots of Different Pages in Website
  • Home
  • Choose Your Language
  • Choose Your Currency
  • Login
  • Register
  • User Profile
  • User Orders
  • Invoice
  • Order Food
  • User Wallet
  • Driver Profile
  • Driver Orders / Earnings
  • Driver Vehicles
  • Edit Vehicle
  • Driver Wallet
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings
  • Restaurant Settings

Interactive Admin Panel

Easy Management Tool for Your Food Delivery Business
  • Dashboard
  • Server Monitoring
  • Admin Groups
  • Manage Users
  • Delivery Drivers
  • delivery driver vehicles
  • Restaurant
  • Vehicle Type
  • Manage Items
  • All Orders
  • Order Now
  • Store Categories
  • Delivery Preferences
  • Geo Fence Locations
  • Manage Country
  • God's View
  • Heat View
  • Manage Promo Code
  • Advertisement Banners
  • Admin Earning Report
  • General Settings

STEP BY STEP GRAPHICAL FLOW OF PRO FOOD APPS

  • USER APP user application

    User App: This is the app that is downloaded by the User. The User can download this app from the Google Play Store and the iTunes App store. Splash Screen with your Logo will appear here.

  • RESTAURANT APP restaurant application

    Restaurant App: This is the app that is used by the Restaurant. This app is also available for download from the Google Play store and the iTunes App store. Splash Screen with your Logo will appear here.

  • DELIVERY DRIVER APP delivery driver application

    Delivery Driver App: The driver has to use this app to complete the delivery. The Driver will be able to download the app from the Google Play store and the iTunes App Store. Splash Screen with your Logo will appear here.

Enable/Disable FaceID/TouchID

Touch Id / Face ID Login (For Android Phone Users)

  • To activate Smart Login (Finger Print / Face Id), User first need to login/sign up either by mobile number or social media.
  • After login, user can enable smart login option from his profile section of application.
  • After enabling this option, user will see the Smart Login option in the login screen on his Device. Next time Users will be able to login using Finder ID / Face ID.
Social Login Touch ID
  • Android Users can login using the Touch ID from their Mobile Phone.
  • User will be ask to put finger on sensor.
  • Its hassle free and help you to login using Touch Id.
  • Note: To activate Smart Login ( Finger Print or Face ID ), User first need to login/sign up either by Mobile Number or Social Media.
Choose Face ID Face ID Detection

Face Id Detection (For iPhone Users)

  • In case of iPhone device, user will be ask for Face Detection.
  • After successful authorization, user will be taken to main/landing screen.
  • Note: To activate Smart Login ( Finger Print or Face ID ), User first need to login/sign up either by Mobile Number or Social Media.

APPLICATION MENU

The Application Menu is the place where every tab of the app is listed. One can move from one tab to another right from this place.

  • user app menu

    User App: This is the Application Menu that is available in the Customers app. It lists all the important sections such as Profile, Order history, Notifications, Wallet, Invite friends and Support etc.

  • restaurant app menu

    Restaurant App: This Application Menu is available in the Application of the Restaurant. This will have all the sections pertinent to the Restaurant app such as Profile, Earning History, Menu Items, Bank details, Manage Document, Order Statistics, Restaurant Settings, and Support.

  • delivery driver app menu

    Delivery Driver App: This page of the App has all the important sections relevant to the Driver. These sections include Profile, Manage Vehicles, Manage document, Order history, Bank Details, Payment, My Wallet, Way Bill, User feedback, Order Statistics, Invite Friends.

list of restaurant list of restaurant

List of Restaurants

User App: The User will be able to choose from all the nearby Restaurants registered on your App. This page of the App will present a list of all the Restaurants. You can filter the list by Cuisines and can also sort the listing.

Flow of Placing the Food Order

  • user order dashboard

    User App: This is the section that will enable the User to place an order from the Restaurant of their choice. They will be able to see all the Restaurants that appear online on the App.

  • restaurant sliding onine availability

    Restaurant App: This page will allow the Restaurant owners to make themselves available by sliding the Online or Offline option. When online, they can receive orders when Offline they will not be shown to the customers and thereby will not receive any orders.

  • Driver set his availability

    Delivery Driver App: The Driver can set his availability to pick and drop the order on this page. The Driver can make himself available by sliding the radio button to Online. If turned to Offline, the driver will not receive any request for delivery.

User App Flow of Ordering the Food

  • user search food items Search Food Screen (User App)

    This screen allows the User to search for the food Items that they are looking for. User can also select any Restaurant and view its Food Items.

  • user add food item to basket Add to Cart Screen (User App)

    After the user makes selection, they can add their favorite Items to the Cart.

  • user edite food item View/Edit Cart Screen (User App)

    This screen is where the user can modify or edit the Items added in the cart.

  • user add toppings Select Toppings Screen (User App)

    There are Food Items which need customization and toppings. This screen allows the User to add toppings as per their preference.

  • Checkout Screen Checkout Screen (User App)

    This Screen will allow Customers to checkout and confirm the purchase. Here User can add the Address, Payment Mode, option for "Deliver to your Doors" OR "Take Away". User can also add the Tip for the driver.

  • user confirm order to check out Checkout Screen (User App)

    This screen will allow the User to add Voice Instructions for the Delivery Driver(if any) and can opt for "Contact Less" Delivery. After providing all the details, User can confirm the purchase.

  • use choose payment method Choose Payment Method (Cash/Card) - User App

    The final step in the checkout screen will allow you to choose the payment method for the order like Cash, Card or Wallet. Here User can add/save multiple Cards.

  • wallet balance Wallet

    This is the screen that shows the wallet balance. It also allows the driver to add money to the wallet or send money to other Users.

After Order is Placed Successfully

  • order place notification

    User App: The User is notified that his order has been placed. It also states that the order will be delivered shortly. User can tap on Track Your Order to track the Order in real time on Map.

  • restaurant app displays order details

    Restaurant App: Once the order is placed, the Restaurant app immediately shows a screen where the order details are shown. The Order is presented in the NEW ORDERS section.

Tracking the Order

  • user track the order

    User App: The User can now track their order on Map in realtime. This page will show a flowchart with all the stages of the order right from the order being placed to it being delivered. The Map will also help locating exactly how far the order is.

  • total bill amount confirm or decline

    Restaurant App: Restaurant can view the Order details and can confirm or decline the Order.

Assigning the Order to the Delivery Driver In Restaurant App

  • assign driver
  • restaurant assigns to driver

    Restaurant App: Once the Restaurant accepts the placed order, they will be shown a screen with the Item details and a button that says “ASSIGN DRIVER”. On tapping this button, the request for pickup and delivery of the order will be sent out to the nearest Delivery Driver.

  • delivery driver sees request

    Delivery Driver App: The Delivery Driver sees the request as a notification on his screen along with a timer. The Driver must accept the order within the given time or else the request will automatically get canceled and passed on to another driver.

Processing the Food Ordered

  • user see assigned driver for pickup of order

    User App: The User will see the step by step status of his Order like the Order is accepted by the Restaurant and Delivery Driver has been assigned.

  • restaurant get notification for driver accept order

    Restaurant App: The Restaurant will be notified after the Driver accepts the order. The notification will state that the Delivery executive is on his way to collect the order. This screen will continue to show the particulars of the order as well.

  • delivery driver see order picup address

    Delivery Driver App: The Delivery Driver will be able to see the Current Task on this page. It will show the address of the place that the order has to be collected from and the address of the delivery for the order. This page also shows the options of Call, so that he can call the restaurant and Navigate to help reach the Restaurant using the Map.

delivery driver pickup order

Status of the Delivery Driver

Delivery Driver App: Driver can now reach the Restaurant and pick up the order. The Delivery Driver will be able to see the Items Ordered so that he can pick it up without any confusion. He will then take a picture of having collected the order and update on the app as “ORDER PICKED UP”.

The Last Leg of Delivery

  • user see the status of the driver

    User App: The User can now see the status of the Driver along with an estimated time of arrival. The flowchart gets appropriately marked as per the movement of the Driver.

  • restaurant track status of order

    Restaurant App: The Restaurant too will now be able to track the exact status of the order. The Restaurant will be able to see whether the order has reached the recipient or not.

  • driver see the address of the recipient

    Delivery Driver App: After the order is picked up by him, the will now be able to see the address of the Recipient. They will also have the option of Calling the Customer for instructions and tracing the location on a map so that they can drive and reach them easily.

order delivered successful

Order Delivered Successfully

Once the order gets successfully delivered to the Customer’s Address, it is appropriately updated on the App. The page also mentions the steps of Delivery along with the Time.

Apart from that the page has 2 buttons in the bottom:
  • Not Delivered

    In case the driver marks the order as delivered, however, the customer hasn’t received it, the User can tap on this button and the admin will be notified. The Customer can also call the Delivery Driver directly by clicking this button.

  • Ok, Got It

    This button is to be tapped when the customer confirms that the food has been delivered successfully.

Advanced Rating Flow for Food Items and Delivery Drivers - User App

  • user rate & review to restaurant & driver
    • Order History listing screen will have “Rate Order” button. Tapping on it, 1st Driver will be rated and then Food Items.
  • ratings reviews
    • User can rate the Driver. After Star Ratings, User will be asked for details ratings.
  • driver rate & review to customer & restaurant
    • User can Rate Driver based on few parameters like Wearing Mask, Uniform, No Contact Delivery etc. User can also add his review in the text box provided.
    • After Delivery Driver Ratings, User can review & rate the Restaurant.
    • Star Smiley will be displayed according to the selected star ratings.

IMPORTANT FEATURES OF THE RESTAURANT APP

The Restaurant App is loaded with attractive features. The App menu has different sections relevant to the Restaurant.

  • Restaurant see earning history Earning History

    Restaurant can see his Earning history date wise and can also see the Total number of Orders and Total Earnings.

  • order history Order History

    This Screen will show the details of the orders that have been placed through the app.

  • restaurant manage menu section Manage Food Items / Menu Screen

    This screen will enable the Restaurant to On/Off the Food Item availability.

  • restaurant update document Update Documents Screen

    This is the screen that will allow the Restaurants to update and upload the required documents on the app.

  • restaurant update bank details Bank Details

    The restaurant can update all the banking details for the app on this screen.

  • order statistics Order Statistics

    This screen will show a graphical representation of the total earning and the orders placed.

  • restaurant setting Restaurant Settings

    This screen will allow the Restaurant to micro manage different particulars including average time taken to prepare an order, how many items can be added per user, minimum order price etc. Here Resturant can select the Delivery Driver types they want like "Personal Delivery Driver (if they have their own Delivery Drivers)", Other Delivery Drivers (Marketplace Delivery Drivers)" Or "Both". Restaurant can also set the option of Take Away as Yes or no.

  • restaurant order details Restaurant details

    The Restaurant can set all the details of the Restaurant including Contact Person, Address etc.

  • restaurant set working hours Business Hours - Restaurant Timing

    Here Restaurant can set the timing of his Restaurant and can set in two separate Slots.

  • Manage gallery Manage gallery

    Restaurant can manage his item Image gallery and can upload the Images and Videos to showcase to the customers.

IMPORTANT FEATURES OF THE DELIVERY DRIVER APP

This section will describe the important features of Delivery Driver Application.

  • Driver able to select vehicle to deliver food Get Online

    The driver can get online if they want to start accepting orders for Food Delivery. When they turn themselves online, they will be able to select the vehicle they want to deliver the food on.

  • driver manage vehicle Manage Vehicles

    This is the screen where the Driver can manage all their vehicles from. They can add new vehicles and manage and edit the existing ones. They can also delete the vehicles per their choice.

  • driver edit vehicle page Edit Vehicle Page

    This screen allows the uses to modify the information that the Drivers have uploaded on the app. They can change the make and model of the vehicle along with the vehicle number and year of release.

  • driver select necessary documents Documents

    This page will allow Drivers to select the necessary documents on the app.

  • driver upload documents Upload documents

    This page will enable the drivers to upload the relevant documents like drivers license etc.

  • driver check already delivered order history Order History / Earnings

    This page will allow the users to check the Order History and Earnings.

  • driver see details of address, earning , order Order Details

    This screen shows the driver the particular details of the order such as Pickup address and Delivery address, delivery earning etc.

  • driver fill bank details Bank Details

    This screen enables the driver to fill in all the bank information in the App.

  • driver fill card details Payment Method - Card Details

    The Driver can fill in his card information here. Driver can save his multiple Cards here. Driver need Card payment to add Money in wallet.

  • wallet balance Wallet

    This is the screen that shows the wallet balance. It also allows the driver to add money to the wallet or send money to other Users.

  • driver order statistics Order Statistics

    This screen will show the driver a graphical representation of the orders delivered and earnings made.

  • driver see user feedback User Feedback

    This screen shows what is the kind of feedback that the customers have given him.

  • order delivered successful Reviews and Ratings

    The Delivery Driver can also rate the Customer based on their experience of delivering the Food.

  • order delivered successful Waybill

    The Waybill for the Delivery Driver will be displayed here with all the necessary details.

Other Major Features

Send Gift Card

choose service categories choose sub categories
  • Users of the App can send Gift Certificate to their loved ones using the Food Delivery App.
  • The user needs to select the "Send Gift Card" option.
  • As soon as they choose the option, they will be redirected to the “Send Gift Card” Screen where they can choose a Gift Card Theme (like Birthday, Anniversary, Christmas, etc.), enter the Card Amount, write a Personal Message, and Recipient Details (Name, Email Address, Phone Number).
choose service categories choose sub categories
  • As soon as the User enters the Receiver’s details, they can tap "Pay Now" to proceed with payment.
  • The user can review the Gift Card before making the Payment.
choose service categories choose sub categories
  • User can make Payment using Wallet or Card.
  • As soon as the payment is completed and the Gift Card is sent to the recipient, Payment Confirmation will appear on the screen.

Receiver's End - Gift Card Details

choose sub categories choose sub categories
  • As soon as the Gift Card is sent, the recipient will receive an SMS and email.
  • The User can see the Instructions for redeeming the Gift Card in the SMS and email.

Redeem Gift Card

choose service categories choose sub categories
  • To redeem the received Gift Certificate, the user needs to go to the ‘My Profile’ section and tap on 'Redeem Gift Card'.
  • Now, the User can enter the Gift Card Code and claim it.
choose service categories
  • The Gift Card Amount will be added to User's In-App Wallet.

Live Tracking of Orders

send push notification send push notification
  • Available on iOS devices only, Live Activity is the feature that enables users to check the status of their food order without opening the app.
  • Users can see the current status of their order on the Lock Screen and as a Notification.
send push notification send push notification
  • The user can see the visuals of the real-time progress of their order, delivery countdown, and the restaurant’s name.
send push notification send push notification
  • Users will receive prompt status updates as push notifications from the app once the order is delivered to their address.

Restaurant Menu Multiple Options/Toppings

  • user, restaurant, driver edit profile
    • User App: Users can select the multiple topping available for the selected Food Item. For example, user has selected the Margherita Pizza. Customer can select the Size as Regular, Medium, and Large.
  • coupon for referrals
    • User App: Customer can select the Base as Thin Crust, Soft Crust and Pan.
  • App support
    • User App: Customer can select the Toppings as Tomato, Onion, Cheese.
Multiple images & Videos

Food Item Photo with Video & Multiple Images in User App

  • Users can see multiple Images / Video of any Item.
  • Store Owner can upload Image(s) or Video of all the Items.
Multiple images & Videos

Favourite Location

User can add a favourite location for Food Delivery

Multiple Credit Card Management

  • All the Users of the App will have facility to add / save Multiple Cards in the App.
  • They can make payment from any Card and can delete if needed.
order delivered successful

Video Call

Along with phone call and text chat option, User and Delivery Driver can also use the Video call option to communicate with each others. This section allows the Driver and the User to remain connected with each other via Video call.

Restricting Delivery Driver’s Fraud - Delivery Driver App

  • Pickup Location
    • This feature will not allow the Driver to mark status as Food Pick up “Confirm” unless he is in X Meters / Feet distance from the Restaurant Pickup Location.
  • Confirm
    • As soon as Driver taps on the "Confirm" button, a message will be displayed on the screen.

Free Delivery Promo Codes for Specific Stores

  • user, restaurant, driver edit profile
    • User App: App Owner can set the Promo Code for Specific Stores or for all Stores. Free Delivery Promo code can be ON/OFF.
    • Having this, the Customer will see that Delivery is free but in real the Store Pays for it as part of promotion.
  • App support
    • User App: App Owner will be able to create Promo code Specific to Target Location. Only Users belongs to that location can use that promo code.
    • A list of available Promo codes will be displayed.
  • coupon for referrals
    • User App: User can choose the Promo code for free delivery and can avail the discount.

Location Wise Banners throughout the System

  • user rate & review to restaurant & driver
    • User App: App Owner will be able to create Application’s Home Page Banner’s Specific to Target Location.
  • ratings reviews
    • User App: App Owner see Banner according to the Location Address in User Application Home Page Screen.

Location Wise Push Notifications throughout the System

  • user rate & review to restaurant & driver
    • App Owner will be able to send Push Notification to all Users of selected Location.
  • ratings reviews
    • User can see the Notifications sent by the Administrator.

Graphical Status of Delivery in App Notification

  • Graphical in app notification
    • This feature shows status of Customer via Graphical Icons as in App Notifications.
  • ratings reviews

Using Firebase For Mobile Number Verification throughout the System

  • ratings reviews
    • User App: Firebase Authentication provides backend Services to authenticate users by verifying their phone number. Using this technology, you can avoid verification of User's Phone Number that uses expensive 3rd party SMS.
  • user rate & review to restaurant & driver
    • User App: User can enter his phone number and verify.
  • driver rate & review to customer & restaurant
    • User App: An OTP will be sent to user on his number for verification.

SKU Code For Store Delivery Items

  • user rate & review to restaurant & driver
    • Restaurant App: SKU code is added to help Restaurant/Store owners to identify a specific item when order is received.
  • driver rate & review to customer & restaurant
    • Restaurant App: Restaurant would be able to see all the Orders a lot with SKU of Item.

Other Features of the Application

  • user, restaurant, driver edit profile Edit Profile

    This is the page where the User, Restaurant and the Driver can manage and edit their profiles. They can update their name, email address etc. from right here.

  • user, restaurant, driver edit profile Change Password

    User can change his App Password from here.

  • user, restaurant, driver edit profile Notificatons

    User can view list all the Notifications Here.

  • Change Language Change Language

    User can change the Language of the App anytime.

  • Change Currency Change Currency

    User can change the Currency of the App anytime.

  • coupon for referrals Invite Friends

    This page generates a coupon for referrals that the Customer as well as the Driver can get on a transaction made over the app by someone they referred.

  • App support Support

    This page has all the support related information of the Application.

  • user help Help

    This page gives the user assistance with the order.

  • help when issues with delivery Issue with delivery

    In case there is an issue with the delivery, the Customer can mention it here and get assistance.

  • terms & condition Terms and Conditions

    This page will have all the basic terms and Conditions that are pertinent for using the app.

  • privacy policy Privacy Policy

    This screen gives all the details of the Privacy Policy of the Application.

  • contact us Contact Us

    This page will allow the Customer, Driver as well as the Restaurant to Contact the Admin.

user
call
email
call
message