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. 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 5 years ago

Was this helpful?

CtrlK
  • 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?

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