> 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

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. 

![](/files/-M5Lx30ugvWodiimC6U5)

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

![](/files/-M5Lwqeq3j4K2tkzacYw)

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**

![](/files/-M5Lxb8aRe-waaFJbYvA)

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

![](/files/-M5LyI24G7wyoTbNmn3s)

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

![](/files/-M5Lyr4RQo-_-u8P-y0o)

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.

![](/files/-M5LyxvtLYn7l6Jkj1ei)

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.

![](/files/-M5Lz21dol0XRHxDwcCJ)

2.4 You should see the following screen.

![](/files/-M5LzNx1ytwDdLg4ONO1)

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.

![](/files/-M5LzVHIzkQxShT0OGUd)

###

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