> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/firebase-setup/new-firebase-project-setup.md).

# New Firebase Project Setup

This page describes the steps to setup a new Firebase project for the Grocery Dashboard App.

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](/ionic-grocery-shopping-app-platform/firebase-setup/firebase-integration-in-grocery-dashboard-app.md) section to see how to do it.