---
description: This page describes...... Follow the steps to....
---

# New Firebase Project Setup

It includes the 2 main steps :-&#x20;

1. **Creating a new firebase project**
2. **Add firebase to your web app**

### 1. Creating a new firebase project

Open your [firebase console](https://console.firebase.google.com). You will see the screen shown below. Click on "Add Project" to create your new project.&#x20;

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57p0A4FcD2MkTLQ0Uv%2FScreenshot%202020-04-17%20at%207.04.42%20PM.png?alt=media\&token=0e52f522-9f66-4ad9-9681-4ea3980289af)



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

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57pc6l6hTxKUI4RsNW%2FScreenshot%202020-04-17%20at%209.20.58%20PM.png?alt=media\&token=506391a9-97bd-44c6-8309-81aa23c5cd06)

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

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57pM8Kk1WXWNqJBTHx%2FScreenshot%202020-04-17%20at%207.07.45%20PM.png?alt=media\&token=3cf282ba-3ed1-4e95-9e9c-f199edc2ecf2)

\
Please wait for a while your project is being created

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57q26imBhhxT3W0XP1%2FScreenshot%202020-04-17%20at%207.08.55%20PM.png?alt=media\&token=5744e1bf-b286-4994-a965-cc48fdd01dcb)

###

### 2. Add firebase to your web app

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

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57qHvW5vj4FJ13r85L%2FScreenshot%202020-04-17%20at%207.10.42%20PM.png?alt=media\&token=1201426a-e036-4363-8946-5140833f6c66)



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.

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57uqEPD7J6t5oTTxql%2FScreenshot%202020-04-17%20at%207.11.30%20PM.png?alt=media\&token=7d3478c2-71c8-43c4-8cbe-038d9a3badde)



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.

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57v5Rkfq5T0nDGjE6S%2FScreenshot%202020-04-17%20at%207.13.47%20PM.png?alt=media\&token=5714107c-5377-4a23-ab5c-2a8b1894ba59)



You should see the following screen.

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57DWzucYK2-npimWyX%2F-M57vHlUmXX8T4Q7vGod%2FScreenshot%202020-04-17%20at%207.15.25%20PM.png?alt=media\&token=ade43cb9-e596-489f-a2f4-b855f2237dd4)



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.

![](https://833912930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKtay1j36CbfXCRwWg%2F-M57vv66CW06vZ1YGA0_%2F-M57xrW522s5FNRFE1-9%2FScreenshot%202020-04-17%20at%207.25.19%20PM.png?alt=media\&token=a59e9710-3fb1-46d3-be3a-a50c1b09a1c7)

###

### 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.
