> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-6-vue-capacitor-full-app/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-6-vue-capacitor-full-app/firebase-setup/firebase-integration-into-user-app.md).

# Firebase Integration Into User App

### 1. Editing environment files in project

Open the project in your code editor and navigate as follows:-

Src -> Environments -> “environments.ts”

The code to be replaced is shown and highlighted below. Replace the highlighted code below with the code you copied to text editor from firebase in previous step.

<figure><img src="/files/hVF80kZR3UkoOetXMdUD" alt=""><figcaption></figcaption></figure>

### 2. Creating database in Firebase

The image shown below is the same screen we saw after competing all the steps of [New Firebase Project Setup](broken://pages/-M57oA1X_EaxA8GpXFML) section in firebase console. Click on “Continue to console” button.

<figure><img src="/files/cjvNwzqx8xqKROAPQokw" alt=""><figcaption></figcaption></figure>

You should see the following screen where your app will be added to firebase.

<figure><img src="/files/prOyKxUzi4gkcec6iIoj" alt=""><figcaption></figcaption></figure>

Click on “database”  shown under the "Develop" section.It should show you the following screen and click on “Create database”&#x20;

<figure><img src="/files/MmtNSOr4A5hvH00nwLwy" alt=""><figcaption></figcaption></figure>

Select “Start in test mode” and click “Next” as shown below.&#x20;

<figure><img src="/files/H3nNdsGWB3ImGV19JaWs" alt=""><figcaption></figcaption></figure>

Click on “Done”. It should show you the following screen.

<figure><img src="/files/sOph85neJMGuWi0OQ1on" alt=""><figcaption></figcaption></figure>

### 3. Enable Sign In Provider

Let us go to Firebase console to enable "sign in". Click on “Authentication” shown under the "Develop" section. It should show you the following screen.&#x20;

<figure><img src="/files/kQbGPbYPkNH69WgJWAZc" alt=""><figcaption></figcaption></figure>

Click on "Sign in method". It should show you the following screen.

<figure><img src="/files/z898G1Q98AIKXxrOH996" alt=""><figcaption></figcaption></figure>

Select the "Email/Password" at the top of this list of "Provider" (which is disabled currently). It should show you the following screen. "Enable" the first option and make sure that second one is "diasbled" and click “Save”.

<figure><img src="/files/P9dPXaR2MNwjFOlSx0GG" alt=""><figcaption></figcaption></figure>