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

Requirements

• A Firebase project.

• Login design

Types of authentication

Currently, we support the following login types with Firebase:

• Email & password login: users log in with the email and password they provided when registering.

• Phone login: users introduce their phone number, and get a SMS with a code they need to use to log in.

• Google & Apple social login: users log in with their existing Google/Apple accounts.

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.

Create your Firebase project

1. Log in or create a Firebase account in the Firebase Console.

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.

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.

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