Taxi Booking Complete Setup

This page provides an overview of the steps included in the setup. There are separate 3 pages for the setup of - Taxi User, Driver, and Admin App.

Remember to enter your own GOOGLE API KEY in the source code in the place of YOUR_API_KEY. Without this api key, many functionalities might not work, especially maps. Check the docs for more info

For Ionic 4 (Angular 8) version users, the setup video can be found here. For Ionic 4 (Angular 7) version users, the setup video can be found here.

Let us discuss all the major steps in details. Some steps might be common to all apps like Running the App ( Web Browser) . This page gives a quick overview of all steps needed - details are given in App specific page

1. Taxi User App - Setup

Go to Taxi User App - Setup section to complete the following steps for the user app.

  1. Running the App (Web Browser)

  2. New Firebase Project Setup

  3. Firebase Integration into our app

After successfully completing this step you should be able to see the following screen on user app.

2. Setting up and Running Taxi Driver app

Go to Taxi Driver App - Setup section to complete the following steps for the driver app.

  1. Running the App (Web Browser)

  2. Firebase Integration into our app

After successfully completing this step you should be able to see the following screen on driver app. You will be stuck here because you will need Admin App to approve the driver. So let's setup that.

3. Setting up and Running Taxi Admin app

Go to Taxi Admin App - Setup section to complete the following steps for the driver app.

  1. Running the App (Web Browser)

  2. Firebase Integration into our app

After successfully completing this step you should be able to see the following screen on admin app.

4. Testing Complete Platform

Go to Testing Complete Platform section to complete the following steps for complete platform testing.

  1. Check Driver App

  2. Testing the Booking Flow

  3. Admin App - Ride History

After successfully completing this step you should be able to see the details of the ride completed in the following screen on admin app.

COMMON MISTAKES:

  1. Using our firebase instance for development purpose.

Note: If you are running the apps in your browser with preset Firebase account, then you can see weird behavior in apps, because multiple users may be using the same Project to test / develop. It is recommended to attach your own Firebase database first, and then start testing

2. Not changing the API_KEYS. Change the Google Map or any other relevant API key with your own API key. You will need to create these Keys from Google API console.

3. Not Enabling All the APIs required for the App. This app requires many APIs enabled. And Google may change some more API models. So be aware of the console warning. :

  • GOOGLE MAPS JS API

  • DIRECTIONS API

  • GEOCODING API

Last updated