# New Firebase Project Setup

It includes 2 main steps :- 

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

### 1. Creating a new firebase project

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

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5LpFPNuAELK8k8D2cg%2F-M5Lx30ugvWodiimC6U5%2Fimage.png?alt=media\&token=69ef6b78-e1a6-4d42-bb25-164896cdfa8a)

1.2 Write name of your project and click on "Continue". In this case, we have named our project as **grocerydemo**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5LpFPNuAELK8k8D2cg%2F-M5Lwqeq3j4K2tkzacYw%2FScreenshot%202020-04-20%20at%203.02.40%20PM.png?alt=media\&token=f8c44351-78fc-42e0-96e0-c9e376cbb397)

1.3 Once you see **Create a project (Step 2 of 3 )** screen - Disable the **Enable Google Analytics for the project**, as shown below. Now click on **Continue**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5LpFPNuAELK8k8D2cg%2F-M5Lxb8aRe-waaFJbYvA%2FScreenshot%202020-04-20%20at%203.09.43%20PM.png?alt=media\&token=9dcdf44a-4f55-4b10-ab0c-95cbd20aa0d8)

\
1.4 Please wait for a while your project is being created

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5LpFPNuAELK8k8D2cg%2F-M5LyI24G7wyoTbNmn3s%2Fimage.png?alt=media\&token=421f06c7-7115-4db7-86bd-8fe2867d8659)

### 2. Add firebase to your web app

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

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5Lymtb7Svq4uOoi8kC%2F-M5Lyr4RQo-_-u8P-y0o%2Fimage.png?alt=media\&token=60019d1e-3eea-445f-9277-1eab15f41695)

2.2 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://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5Lymtb7Svq4uOoi8kC%2F-M5LyxvtLYn7l6Jkj1ei%2Fimage.png?alt=media\&token=4b2403d8-a767-483f-bac0-b14ea5e7b483)

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

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5Lymtb7Svq4uOoi8kC%2F-M5Lz21dol0XRHxDwcCJ%2FScreenshot%202020-04-20%20at%203.15.29%20PM.png?alt=media\&token=20291a7f-b85b-4cb6-8f98-0e2337bbb2bc)

2.4 You should see the following screen.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5Lymtb7Svq4uOoi8kC%2F-M5LzNx1ytwDdLg4ONO1%2Fimage.png?alt=media\&token=c62b00e8-7ec0-4412-9a5f-749dec82e73f)

2.5 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://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5Lymtb7Svq4uOoi8kC%2F-M5LzVHIzkQxShT0OGUd%2Fimage.png?alt=media\&token=03654518-5f7c-497f-a866-e7675e59fc65)

###

### Adding firebase to project

Now we will add firebase to our project.

Go to [Firebase Integration In Grocery Dashboard App](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/firebase-setup/firebase-integration-in-grocery-dashboard-app) section to see how to do it.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/firebase-setup/new-firebase-project-setup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.