# User login with Firebase

This guide covers how to set up a login page in Bravo. The login utilizes Firebase as the user management service. There are several steps involved so bear with us! We'll walk you through setting up the UI in the design tool and configuring Firebase to store and manage your users.

{% hint style="info" %}
**What is Firebase?** [Firebase](https://firebase.google.com/) is a backend-as-a-service (Baas) from Google that provides features for building mobile apps.
{% endhint %}

{% hint style="success" %}
This feature requires a [Bravo Solo](https://www.bravostudio.app/pricing) or [Teams plan](https://www.bravostudio.app/pricing) account.
{% endhint %}

## Requirements

* A Firebase project.
* Login design

## Types of authentication

Currently, we support the following login types with Firebase:

* [**Email & password login**](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/email-password-login-firebase): users log in with the email and password they provided when registering.
* [**Phone login**](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/phone-login-with-firebase): users introduce their phone number, and get a SMS with a code they need to use to log in.
* [**Google & Apple social login**](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/social-login-with-firebase): users log in with their existing Google/Apple accounts. 

{% hint style="warning" %}
Apple login is only supported on iOS devices.
{% endhint %}

Also, there's an option to allow users to log in anonymously, and restrict their access to certain app pages. You can see how to set this up in the link below.

{% content-ref url="app-login-firebase/anonymous-login-with-firebase" %}
[anonymous-login-with-firebase](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/anonymous-login-with-firebase)
{% endcontent-ref %}

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhNKqDur4tQGJPUgzbJ%2F-MhNLZdu9rlBL3WECcgt%2Ffirebase-final1.gif?generation=1629274918833792\&alt=media)

## Create your Firebase project

1\. Log in or create a Firebase account in the [Firebase Console](https://console.firebase.google.com/). 

![Firebase website - Create a project button](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhNKqDur4tQGJPUgzbJ%2F-MhNLZe02rwYx00uu387%2FScreenshot_2020-10-08_at_15.45.53.png?generation=1629274918743234\&alt=media)

2\. Once in the Firebase Console, **create a new project** or **select an existing project** you want to use.

3\. If creating a new project, first fill in a project name.

![Create a Firebase project Step 1](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhNKqDur4tQGJPUgzbJ%2F-MhNLZe1fN87_MU315lo%2FScreenshot_2020-10-08_at_15.49.56.png?generation=1629274918733868\&alt=media)

4\. Next, choose if you want Google Analytics support. If you do, keep it enabled (it's optional). You will need to link it to a Google Analytics account in the 3rd step. If not, disable it.

5\. Finally, we create the project, it takes some seconds.

![Firebase project created](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhNKqDur4tQGJPUgzbJ%2F-MhNLZe2HiTbKeEVniOI%2FScreenshot_2020-10-08_at_15.53.44.png?generation=1629274918596597\&alt=media)

After creating your project, refer to the following guides based on the authentication type you wish to configure:

{% content-ref url="app-login-firebase/email-password-login-firebase" %}
[email-password-login-firebase](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/email-password-login-firebase)
{% endcontent-ref %}

{% content-ref url="app-login-firebase/phone-login-with-firebase" %}
[phone-login-with-firebase](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/phone-login-with-firebase)
{% endcontent-ref %}

{% content-ref url="app-login-firebase/social-login-with-firebase" %}
[social-login-with-firebase](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/social-login-with-firebase)
{% endcontent-ref %}

{% content-ref url="app-login-firebase/anonymous-login-with-firebase" %}
[anonymous-login-with-firebase](https://docs.bravostudio.app/integrations/user-authentication/app-login-firebase/anonymous-login-with-firebase)
{% endcontent-ref %}

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhNKqDur4tQGJPUgzbJ%2F-MhNLZdu9rlBL3WECcgt%2Ffirebase-final1.gif?generation=1629274918833792\&alt=media)