Firebase Console navigation - Mini Project: Build & Apply

Firebase Console navigation

📖 Scenario: You are starting a new project using Firebase. You want to organize your Firebase Console by creating a project, setting up authentication methods, and adding a Firestore database.

🎯 Goal: Build a simple Firebase Console setup by creating a project dictionary, adding configuration settings, defining authentication methods, and completing the Firestore database setup.

📋 What You'll Learn

Create a dictionary to represent a Firebase project with exact keys and values

Add a configuration variable for the project region

Define a list of authentication methods supported

Complete the Firestore database setup with exact properties

💡 Why This Matters

🌍 Real World

This project simulates setting up and organizing Firebase Console configurations programmatically, which helps beginners understand how Firebase projects are structured.

💼 Career

Understanding Firebase Console navigation and configuration is essential for cloud developers and engineers working with mobile and web app backends.

1

Create Firebase project dictionary

Create a dictionary called firebase_project with these exact entries: 'project_id': 'my-firebase-app', 'project_name': 'My Firebase App', and 'created': true.

Firebase

# Your code here

Hint

Use curly braces to create a dictionary with the exact keys and values.

2

Add project region configuration

Add a variable called project_region and set it to the string 'us-central1'.

Firebase

firebase_project = {
    'project_id': 'my-firebase-app',
    'project_name': 'My Firebase App',
    'created': True
}
# Your code here

Hint

Assign the string 'us-central1' to the variable project_region.

3

Define authentication methods list

Create a list called auth_methods containing these exact strings in order: 'Email/Password', 'Google', and 'Anonymous'.

Firebase

firebase_project = {
    'project_id': 'my-firebase-app',
    'project_name': 'My Firebase App',
    'created': True
}
project_region = 'us-central1'
# Your code here

Hint

Use square brackets to create a list with the exact authentication methods in order.

4

Complete Firestore database setup

Create a dictionary called firestore_db with these exact entries: 'enabled': true, 'location': 'us-central1', and 'mode': 'native'.

Firebase

firebase_project = {
    'project_id': 'my-firebase-app',
    'project_name': 'My Firebase App',
    'created': True
}
project_region = 'us-central1'
auth_methods = ['Email/Password', 'Google', 'Anonymous']
# Your code here

Hint

Create a dictionary with the exact keys and values to represent Firestore database setup.

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