How to Build an App Like Uber Without Technical Skills.



Before we get more technical on how to make an app like Uber without technical skill using Appily App Builder, let's take a brief look how the Uber app operates.


The first prototype of the Uber app was developed by Garrett Camp, a few of his friends, and Travis Kalanick, who was invited as an experienced advisor. Officially, the Uber mobile app was launched in 2010 on iOS. It is impressive to know that within the first six months the app reached 6,000 users and completed 20,000 rides.


For starters, Uber attracted both drivers and riders by hosting and sponsoring tech events and by giving trial rides in San Francisco. The city is well-known for its tech community and takes each chance to make life more convenient.


The Uber service employs a free, downloadable iOS and Android mobile application that connects passengers and riders 24/7. These days, Uber serves 75 million users with 15 million rides per day globally.


Each trip request is directed to drivers who use their personal vehicles. The closest car can reach you within a few minutes, while parties are aware of each others’ location.


Below we will explain how you can create your very own Uber like App using Appily App Builder.



CabRide Feature: Create an App like Uber with Appily App Builder

With this feature you will be able to launch an “Uber-like service” with your App.


This feature is provided with a Template and Layout, these are both designed to play nicely with the CabRide feature, however the feature is useable with any other Layout on Appily App Builder.



App functionality:

The App includes 5 sub steps which are important to clarify from the customer perspective. Let's first examine how the App functions:


  • Step 1. Creation of a trip request with the end destination. The user can observe the upfront pricing of a trip’s fare, which is also based on vehicle type among categories.

  • Step 2. Verification of the trip. User confirms the data and the pickup location.

  • Step 3. Matching up with the nearby available driver. On their end, a driver can accept or decline a request.

  • Step 4. Payment process is done automatically in-app after the ride is complete. Beforehand, the user adds a credit or debit card, PayPal account. User may also change the default tip for the taxi service.

  • Step 5. Rating is requested after each taxi ride and is a core component of the app business logic


In order to make an app like Uber, or a similar taxi booking app, it is important to understand the major components of the whole system. Now, let's discover what features are essential to building an Uber-like app for each part of the service.



Passenger Features:

These are the core features for the customer application:


  1. Registration - possible via email, Facebook or phone number with verification.

  2. Taxi Booking - refers to the feature represented on the screen for entering the address, selection of car type, and set pickup location.

  3. Fare Calculator - the customer can check the price for a ride beforehand. This feature is a complex one to implement on the backend side of the system.

  4. Driver Tracking - feature to observe the driver’s movement to make updates during or after the journey.

  5. Payment - multiple payment variants may be implemented; cashless - in-app payment via credit cards, services like PayPal or Stripe, or simply in cash.

  6. Push Notifications - vital element for informing; keeps passenger up-to-date with trip request status, driver arrival time, driver and car details, etc.

  7. Messaging - ability to contact the driver from the app.

  8. Driver Rating & Review - corresponds to the service evaluation (driver, vehicle, trip, etc.).

  9. Travel History - shows details from previous rides and transactions.

  10. Customer Support



Driver Functionality:

Some of the driver’s app features may duplicate those of the passenger’s version - log in, notifications, messaging, reviews, and support.


These are the core features for the driver's section in the application:


  1. Driver Profile & Status - verification process of a driver should be done from the administrator side of things (license, vehicle insurance etc). Status will inform as to the availability of a driver.

  2. Trip Alert - ability to receive trip orders to accept or deny, including information regarding passenger’s location, route, travel history.

  3. Push Notifications - used for alerts, taxi app booking information (location, route, payment etc.), trip changes, and completion.

  4. Navigation & Route Optimization - offer the best trip route using Google Maps.

  5. Driver Delivery Reports - provides statistical information regarding trips and earnings on a daily/ monthly basis.

  6. Messaging - texting or calling to a passenger from the app.



Admin Panel on Appily App Builder:

In order to organize and control all of the driver's processes, as well as keep track of customer satisfaction, a central control point is required. The Appily App Builder admin panel allows you to manage customer, drivers, orders, locations, payments, payouts, and other business processes.


Thus, the high-level set of functions within the admin panel includes:

  • Locations & Fares Management

  • Driver & User Management

  • Booking Management

  • Vehicle Management

  • Review Driver’s Orders & Payoffs

  • Check Ratings & Reviews

  • Notifications Management

  • System Content Management

  • Promotions & Discounts Management

  • Driver & User Support



How to build your own Uber like App using Appily App Builder:

Now we'll explain in more detail how to actually build your own Uber like App on the platform.


Note: To use this feature, you have to create a Google Maps JavaScript API key. You can view how to do this in the CabRide general documentation and instructions.


How to set up:


First, in the Add pages section, click on the app icon:


Then you will see shortcuts to the main Extended dashboard and menu now available on the left sidebar:













From the CabRide dashboard, you have access to a synthetic view of the latest 100 payments, and cumulative boards for daily, weekly, monthly and yearly earnings:



You can also access the forms from this section, where you can create a custom form that will be displayed to the passengers when they request for a ride.



Open the page CabRide and select Vehicle types


  • Vehicle types require at least a Name and an Illustration.

  • Fares are required only when Pricing mode is set to Fixed by vehicle type.


Then from CabRide/Drivers, you can manage & delete your drivers:


The page CabRide > Rides offers an overview of all the rides and requests, with their information and statuses.


From CabRide > Accountancy, you can manage your commissions payout & cash return requests:


Cash return requests:

All rides paid with cash will be aggregated by drivers, grouping all payments with the sum of commissions to be returned:



Payouts

On the other hand, for payments done via credit card you’ll be able to create individual or bulk payout requests.


You can inform your drivers they will have their payouts processed:

  • Without date filters: all pending payouts will be aggregated regardless of the time period and drivers will be notified.

  • With period filter: only rides paid by credit card within the time period will be aggregated and notified as payout in progress to the drivers.

  • The "payout" action will create a pending payout for the given driver payouts.


The "generate bulk payout" action will create a bulk csv export for all the pending payouts (filtered by time period, or not).




How to use the feature in App:

When opening the App for the first time, passengers and/or drivers will be asked to select a role.





























Passenger UI

The passenger homepage with a nearby online driver (yellow cab on the map).



The homepage when the passenger defined a route, with estimated distance & duration. At this step, the passenger can now start a search request for available drivers.




























  • When the search is successful, the passenger will have to choose between the available vehicle types, If multiple drivers are available, a price range is shown to inform the passenger. When only one driver is available for a vehicle type, a single cost is shown.

  • After the passenger selected a vehicle type, he will have to select a payment method

  • Passengers can securely vault one or more credit card to be used later easily.


After selecting a payment method, the passenger will be directed to the page My Rides› The ride is Pending while waiting for drivers to accept, the expiration delay is shown. While the request is in Pending state, passenger can still cancel it.


























If a driver accepts the ride, passenger will receive a push notification and the ride state will change to accepted

At this step, the passenger can make a phone call to the driver if needed, or see more details



Driver UI

Driver nav & waiting homepage, next to each section, a counter shows how many requests or actions are yet active.


Vehicle information.

  • The driver will have to select a vehicle type, and fill information before going online.

  • The section Custom fares is only visible & editable when the setting Pricing mode is set to drivers.

  • With this pricing mode, drivers will fix their fares individually.



While waiting for rides, drivers will receive push if they match any request, the push will open the Pending page:

  • Here the driver can review the ride request while pending, and Decline or Accept.

  • When the driver Decline a ride, the ride will be moved to the Declined page, the driver can still accept it, if it’s not expired or accepted by another driver.

  • When the driver accepts the ride, the passenger will receive a push, and the driver will get more information.




After the driver has Accepted a ride, he will have new actions

  • Drive to client: The driver will inform the client he is on his way, the passenger will be informed of the estimated time of arrival of the driver.

  • Drive to destination: The passenger is now on-board, and the driver starts the ride.

  • Call client: The driver can call the client for more information.

Both Drive actions will open a navigation intent to choose between Waze, Google directions, or Apple maps for iOS devices. When the ride is done and the passenger arrived at destination, the driver will be able to mark the ride as completed.

  • If the passenger is paying by card, the card will be charged the course total.

  • If the passenger is paying with cash, he pays the driver directly.



After rides are done, the driver can review his payment history:› The Payment history page is split in two sections:



Credit cardPending payouts:

When the app admin mark payouts as pending, the driver will see his incoming payouts, with the total amount due, and the period covered.

The latest 100 payments are displayed with their respective statuses:

UNPAID = The payout is due to the driver. IN PROGRESS = The app admin marked this payment for an incoming payout. PAID = The payout is paid.

CashPending cash return:

When the app admin mark cash payments to be returned, the driver will be notified he has pending cash return requests, with the covered period and the total amount to return


The latest 100 payments are displayed with their respective statuses:

  • UNRETURNED = The cash is pending.

  • REQUESTED = The app admin requested a cash return for this payment.

  • RETURNED = The commission for this payment is marked as returned.




Next Steps:

Want to build an App like Uber:

You can login to your user account or you can create an account on Appily App Builder if you haven't done so already and select manage an App or create a new App to open the App Editor, navigate to Features and add the CabRide module to your App. Now your ready to set up and manage your own taxi service with just a few clicks and drags.



#nocode #appmaker #entrepreneur #uber #appilyappbuilder


most recent
  • Facebook - Black Circle
  • Twitter - Black Circle
  • Google+ - Black Circle
  • LinkedIn - Black Circle

COPYRIGHT 2014-CURRENT APPILY APP BUILDER