Ionic 5 - Taxi Booking Platform with Firebase
  • Ionic 5 Taxi Complete Platform using Firebase - User, Driver Admin Apps
  • Why use this Starter
  • Setup and Deployment
    • Initial Dev Environment Setup
    • Running the App (Web Browser)
    • Deploying app as PWA
    • Building App on device
  • How to Use this Starter
    • Taxi Booking Complete Setup
    • Taxi User App - Setup
    • Taxi Driver App - Setup
    • Taxi Admin App - Setup
    • Testing Complete Platform
  • Platform Features
    • User App
    • Driver App
    • Admin App
  • Firebase Setup
    • New Firebase Project Setup
    • Firebase Integration Into User App
  • Extra
    • App Specific Requirements
    • Add More Features
    • FAQs
    • Firebase Setup (Ionic 4 Version)
    • Firebase Functions (Ionic 4 version)
      • Overview
      • Firebase Function in Code
      • How to Deploy Firebase Functions
Powered by GitBook
On this page
  • 1. Taxi User App - Setup
  • 2. Setting up and Running Taxi Driver app
  • 3. Setting up and Running Taxi Admin app
  • 4. Testing Complete Platform
  • COMMON MISTAKES:

Was this helpful?

  1. How to Use this Starter

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.

PreviousBuilding App on deviceNextTaxi User App - Setup

Last updated 4 years ago

Was this helpful?

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 for more info

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

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

1. Taxi User App - Setup

Go to 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

  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

  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

  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

Go to section to complete the following steps for the driver app.

Go to section to complete the following steps for the driver app.

Go to section to complete the following steps for complete platform testing.

Taxi Driver App - Setup
Taxi Admin App - Setup
Testing Complete Platform
docs
here
here
Running the App ( Web Browser)
Taxi User App - Setup