Templates
Template Setup Guides

Eaty - Food Delivery - Uber Eats Template

Template page link: https://zeroqode.com/template/eaty---food-delivery-like-uber-eats-template-1525767038595x917710033754259500

Introduction

Eaty is a no-code template for food delivery similar to Uber Eats, Food Panda or Deliveroo. It contains a responsive user app, a driver app, and a backend for restaurant owners. Use this template to build any type of food delivery application. Or use it for disrupting the food delivery industry in your community.

The template comes with automated payments through stripe to all parties involved. Users can add food items from their favorite restaurants to the cart, pay for the order and delivery and then get real time delivery status updates.

Features

  • Payment system

  • Responsive design

  • Admin dashboard

  • Restaurant dashboard

  • User app mobile

  • Driver app mobile

  • Ratings system

Payments: See the documentation on how to set Stripe Payments in Bubble App.

Data Structure

User

This contains the user's phoneNumber, lastName, firstName, and currentAddress. It also shows which currentRestaurant you're patronizing. It displays whats on your cart and your total balance and whether you have an activeOrder. It shows whether you're an isAdmin or not.

Restaurants

This allows you to create restaurant pages with several additional information about the restaurant, like the restaurantName, location of the restaurant, the list of foodItem available for order, the description of the food, the deliveryfee (charges), the tip for the driver driverCut, the commissionPercent and the total balance of the order made.

Order

This allows users to create orders and enables them to pay for it through Stripe Payments technology. It Requests/displays these information like, total orders, tipAmount, whether restaurantAcceptedyour order or not, the orderID, the list if orderedItems, whether the orders isPickedUpor not, whether the order isCompletedor not, whether the order isCancelledor not, whether the order isActiveor not, whether the foodCompleteor not, the dropoffAddress, the driver details, the currentStatus of the order, the order cancel is also available.

Food Item

This creates the food item with information such as the name of the food, the price of the food, the description of the food.

Cart Item

This creates the cart for the website, sums up the itemTotal order of the user. It displays information like total quantity of the foodItem ordered,

Pages

Index(Main)

This is the homepage of this template, showing display buttons for App, Driver App, Restaurant and Admin pages.

App

This section is for users who wants to order food. Under this page are the following pages:

Checkout

This page allows you to check our your order and pay.

Signup

This allows new users to join the website requesting for necessary information like first name, last name, phone number, email, password, confirm password.

Change Password

This page allows users to change their current password to a new one.

Login

This page allows existing users to login to the website.

Completed Order

This page shows up whenever a user has completed their order with options to give ratings for the driver and the restaurant.

Cancelled Order

This page shows up whenever a user wants to cancel their order.

Active Order

This page comes up when the user has an active order and wants to track the progress of the order.

Change Email

This page allows users to change their current email to a new one.

Food Selection

This page allows users to select food choice from a particular restaurant.

Restaurant Selection

This page allows users to select their restaurant of choice from a list of different restaurants

No Card

This is a pop up that comes up whenever the user have not added their payment card.

No Address

This is a pop up that comes up whenever the user have not added their address.

Popup Alert

This is a pop up that comes up to tell users that they can only order from one restaurant at a time.

Profile

This page shows the current user's first name, last name and phone number. With the options to change the password or the email.

Cart

This shows the total list of food ordered, from which restaurant and the total balance cost.

Custom State

Note

Element Name

Page

Determines which of the sub pages is displayed depending on the options the user chose.

app

updateAddress

To change address details/ update

Button >

Driver App

This section is for drivers who want to work for the uber eats app. Under this page are the following pages:

Login

This page allows existing users to login to the website.

Completed Order

This page shows up whenever a user has completed their order with options to give ratings for the driver and the restaurant.

Cancelled Order

This page shows up whenever a user wants to cancel their order.

Active Order

This page comes up when the user has an active order and wants to track the progress of the order.

Signup

This allows new users to join the website requesting for necessary information like first name, last name, phone number, email, password, confirm password.

Hello Page

This page comes up whenever you launch the app and request you to either signup or login.

No Active Order

This page comes up when their is no active order for the driver to work on.

Available Order

This page comes up for the drivers to check available orders that has been assigned to them with the option to accept them.

Driver's profile

This page shows the driver's first name, last name and phone number. With the options to change the password or the email and to amount earned in dollars, including withdraw options and setup payouts.

Change Email

This page allows users to change their current email to a new one.

Change Password

This page allows users to change their current password to a new one.

Custom State

Note

Element Name

Page

Determines which of the sub pages is displayed depending on the options the user chose.

app_driver

Restaurant

This pages displays the list of restaurants available for business while also displaying their different geographic locations. Under this page are the following pages:

Orders

This page shows order requests, active orders and awaiting pick ups

Settings

This page allows the current restaurant to set its name and location.

This page allows restaurant to post and edit their available menus on the app.

Login/Signup

This page allows restaurants to login on to the app or signup to join the app.

This is a popup that comes up whenever restaurants wants to delete their menu/order.

Custom State

Note

Element Name

adminCommission

Calculates the restaurant's commision according to the user's order

Button I

Page

Determines which of the sub pages is displayed depending on the options the user chose.

Button Menu

Admin Panel

The admin dashboard is a one-page component of the template designed to display information in the database, edit, replace, hide or delete content on the template. This helps you to avoid the technicalities of manual changing things in the database.

The navigation in the dashboard makes use of custom states to show and hide various sections of the dashboard. Each delete component has a delete confirmation pop up, so please be sure you want to delete data before you do.

Things to note

Database things: Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

Demo to preview the template