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. Creating a new firebase project
  • 2. Add firebase to your web app
  • Adding firebase to project

Was this helpful?

  1. Firebase Setup

New Firebase Project Setup

This page describes...... Follow the steps to....

PreviousAdmin AppNextFirebase Integration Into User App

Last updated 5 years ago

Was this helpful?

It includes the 2 main steps :-

  1. Creating a new firebase project

  2. Add firebase to your web app

1. Creating a new firebase project

Open your . You will see the screen shown below. Click on "Add Project" to create your new project.

Write name of your project and click on "Continue". In this case, we have named our project as “TaxiDemo”.

Once you see "Configure Google Analytics" screen - Choose or Create your Google Analytics account, as shown below. Now click on "Create project"

Please wait for a while your project is being created

2. Add firebase to your web app

The image below the default screen after your project is successfully created. Click on “Project settings”

Scroll down the page and go to the last section which says “There are no apps in your project”. Select the 3rd option with this icon “</>” to add firebase to your web app.

Register your app by providing name in the "App nickname" section and click on "Register App" button. In this case, we have used “Taxidemo” in the App nickname section.

You should see the following screen.

Select the following section of code, as shown below and copy it to some text editor as it will be used at multiple places in next steps.

Adding firebase to project

Now we will add firebase to our project.

Go to Add Firebase to Project section to see how to do it.

firebase console