Firebase Console navigation - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to open the Firebase Console for your project.

Firebase

Open your browser and go to https://console.firebase.[1]/

Drag options to blanks, or click blank then click option'

Anet

Borg

Cio

Dcom

Attempts:

3 left

💡 Hint

Common Mistakes

Using .org or .net instead of .com

Typing firebase.google.com instead of console.firebase.com

The Firebase Console is accessed via https://console.firebase.google.com/

2fill in blank

medium

Complete the code to select your Firebase project from the console.

Firebase

Click on the project dropdown menu at the top left and select [1].

Drag options to blanks, or click blank then click option'

ASettings

BAuthentication

CYour project name

DDatabase

Attempts:

3 left

💡 Hint

Common Mistakes

Selecting 'Settings' instead of the project name

Clicking on 'Authentication' or 'Database' before selecting a project

You select your project by clicking its name in the project dropdown menu.

3fill in blank

hard

Fix the error in the navigation path to access the Firestore database.

Firebase

From the Firebase Console, click on [1] in the left menu, then select Firestore Database.

Drag options to blanks, or click blank then click option'

AFirestore

BDatabase

CAuthentication

DStorage

Attempts:

3 left

💡 Hint

Common Mistakes

Clicking 'Firestore' directly (it is a subsection, not a main menu item)

Selecting 'Authentication' or 'Storage' instead of 'Database'

The Firestore database is accessed under the 'Database' section in the console.

4fill in blank

hard

Fill both blanks to navigate to the Authentication section and add a new user.

Firebase

In the Firebase Console, click on [1] in the left menu, then click [2] to add a new user.

Drag options to blanks, or click blank then click option'

AAuthentication

BUsers

CAdd user

DSign-in method

Attempts:

3 left

💡 Hint

Common Mistakes

Selecting 'Users' instead of 'Authentication' for the first blank

Clicking 'Sign-in method' instead of 'Add user' to add a user

You first select 'Authentication' then click 'Add user' to add a new user.

5fill in blank

hard

Fill all three blanks to correctly configure Firebase Hosting deployment steps.

Firebase

First, run [1] to initialize hosting, then edit [2] to set your public directory, finally run [3] to deploy.

Drag options to blanks, or click blank then click option'

Afirebase init hosting

Bfirebase.json

Cfirebase deploy

Dfirebase start

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'firebase start' instead of 'firebase deploy' to deploy

Editing the wrong file instead of 'firebase.json'

You initialize hosting with 'firebase init hosting', configure 'firebase.json', then deploy with 'firebase deploy'.

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