Firebase Console navigation - Commands & Configuration

Introduction

Firebase Console is a web interface that helps you manage your Firebase projects easily. It lets you see your app data, configure services, and monitor usage without writing code.

When you want to add a new app to your Firebase project and configure its settings.

When you need to check your app's analytics and user engagement data.

When you want to manage your database, storage, or authentication settings.

When you want to set up notifications or cloud functions for your app.

When you want to monitor your app's performance and fix issues.

Commands

Open the Firebase Console website in your browser to start managing your Firebase projects.

Terminal

open https://console.firebase.google.com/

Expected Output

The Firebase Console homepage loads, showing your projects list or a prompt to create a new project.

Log in to your Firebase account from the command line to link your local environment with your Firebase projects.

Terminal

firebase login

Expected Output

✔  Success! Logged in as [e-mail]

List all Firebase projects associated with your account to see available projects you can manage.

Terminal

firebase projects:list

Expected Output

┌───────────────────────────────┬───────────────┐

│ Project Display Name           │ Project ID    │

├───────────────────────────────┼───────────────┤

│ My Sample App                 │ my-sample-app │

│ Example Project              │ example-proj  │

└───────────────────────────────┴───────────────┘

Select the Firebase project named 'my-sample-app' to work with it in your local environment.

Terminal

firebase use my-sample-app

Expected Output

Now using project my-sample-app (my-sample-app)

Open the Firebase Console page for the currently selected project in your default web browser.

Terminal

firebase open

Expected Output

Opening https://console.firebase.google.com/project/my-sample-app/overview

Key Concept

If you remember nothing else, remember: the Firebase Console is your main control panel to manage all parts of your Firebase projects easily through a web interface.

Common Mistakes

Trying to manage Firebase projects without logging in first.

You cannot access or control your projects without being logged in, so commands or console access will fail or show no projects.

Always run 'firebase login' before managing projects to authenticate your account.

Not selecting a project before running commands that require a project context.

Commands like 'firebase open' or deploying services need to know which project to work on, otherwise they fail or prompt errors.

Use 'firebase use <project-id>' to select your project before running project-specific commands.

Summary

Open the Firebase Console website to access your projects visually.

Use 'firebase login' to authenticate your account in the command line.

List your projects with 'firebase projects:list' to see what you can manage.

Select a project with 'firebase use <project-id>' to work on it locally.

Open the selected project in the browser with 'firebase open' for easy navigation.

Practice

1. What is the main purpose of the Firebase Console?

easy

A. To monitor internet speed

B. To write and run Firebase backend code

C. To host websites directly

D. To manage and configure Firebase services

Solution

1. Step 1: Understand Firebase Console role

   The Firebase Console is designed as a dashboard to manage Firebase services like Authentication, Firestore, and Storage.

2. Step 2: Compare options with Console functions

   Writing backend code or hosting websites are done outside the Console or with other tools, not the Console itself.

3. Final Answer:

   To manage and configure Firebase services -> Option D

4. Quick Check:

   Firebase Console = Manage services [OK]

Hint: Console is for managing services, not coding [OK]

Common Mistakes:

• Thinking Console is for coding backend
• Confusing Console with hosting platform
• Assuming Console monitors internet speed

2. Which part of the Firebase Console lets you switch between projects?

easy

A. Project selector at the top

B. Left menu panel

C. Authentication tab

D. Firestore database section

Solution

1. Step 1: Identify project switching location

   The project selector is located at the top of the Firebase Console interface for easy switching.

2. Step 2: Verify other options

   The left menu is for service navigation, Authentication and Firestore are service sections, not for switching projects.

3. Final Answer:

   Project selector at the top -> Option A

4. Quick Check:

   Project switcher = Top selector [OK]

Hint: Look at the top bar for project switching [OK]

Common Mistakes:

• Trying to switch projects from left menu
• Confusing service tabs with project selector
• Looking inside database or auth sections

3. If you want to configure user sign-in methods, which menu option in the Firebase Console should you select?

medium

A. Firestore Database

B. Authentication

C. Storage

D. Hosting

Solution

1. Step 1: Identify service for user sign-in

   User sign-in methods are managed under the Authentication service in Firebase.

2. Step 2: Check other options relevance

   Firestore is for database, Storage is for files, Hosting is for web hosting, none manage sign-in.

3. Final Answer:

   Authentication -> Option B

4. Quick Check:

   User sign-in = Authentication tab [OK]

Hint: User sign-in is under Authentication [OK]

Common Mistakes:

• Selecting Firestore for sign-in settings
• Confusing Storage with Authentication
• Choosing Hosting for user management

4. You tried to find your Firestore database but accidentally clicked on Storage. What should you do to fix this in the Firebase Console?

medium

A. Use the left menu to select Firestore Database

B. Refresh the browser page

C. Log out and log back in

D. Switch to a different project

Solution

1. Step 1: Understand navigation in Firebase Console

   The left menu lists all Firebase services including Firestore and Storage separately.

2. Step 2: Correct navigation mistake

   To fix the wrong selection, simply click Firestore Database in the left menu to switch views.

3. Final Answer:

   Use the left menu to select Firestore Database -> Option A

4. Quick Check:

   Switch services via left menu [OK]

Hint: Use left menu to switch services quickly [OK]

Common Mistakes:

• Refreshing page unnecessarily
• Logging out instead of navigating
• Switching projects when not needed

5. You have multiple Firebase projects and want to quickly compare their Authentication settings. What is the best way to do this using the Firebase Console?

hard

A. Open multiple browser tabs, each logged into a different project's Authentication section

B. Export Authentication settings from one project and import into another

C. Use the project selector at the top to switch projects and check Authentication tab for each

D. Use the Storage section to view Authentication settings

Solution

1. Step 1: Identify how to switch projects

   The project selector at the top allows quick switching between projects without logging out.

2. Step 2: Access Authentication settings per project

   After switching, navigate to the Authentication tab to view or compare settings.

3. Step 3: Evaluate other options

   Opening multiple tabs is possible but less efficient; exporting/importing settings is not supported; Storage does not show Authentication.

4. Final Answer:

   Use the project selector at the top to switch projects and check Authentication tab for each -> Option C

5. Quick Check:

   Project selector + Authentication tab = Compare settings [OK]

Hint: Switch projects at top, then check Authentication [OK]

Common Mistakes:

• Trying to view Authentication in Storage
• Using multiple tabs instead of project switcher
• Attempting to export/import Authentication settings