Why framework integration matters in Firebase - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize Firebase in a web app.

Firebase

const app = initializeApp([1]);

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

AfirebaseConfig

BconfigData

CappConfig

Dsettings

Attempts:

3 left

💡 Hint

Common Mistakes

Using a wrong variable name that does not hold config data.

The firebaseConfig object contains the necessary keys to connect your app to Firebase services.

2fill in blank

medium

Complete the code to import Firebase Authentication module.

Firebase

import { [1] } from 'firebase/auth';

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

AgetFirestore

BgetStorage

CgetAuth

DinitializeApp

Attempts:

3 left

💡 Hint

Common Mistakes

Importing Firestore or Storage modules instead of Auth.

getAuth is the function to access Firebase Authentication features.

3fill in blank

hard

Fix the error in this Firebase initialization code snippet.

Firebase

const app = initializeApp([1]);

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

AfirebaseConfig

BfirebaseConfig()

Cconfig()

Dconfig

Attempts:

3 left

💡 Hint

Common Mistakes

Adding parentheses after the config object causing runtime errors.

The firebaseConfig is an object, not a function, so it should not have parentheses.

4fill in blank

hard

Fill both blanks to correctly import and initialize Firestore in a Firebase app.

Firebase

import { [1] } from 'firebase/firestore';
const db = [2](app);

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

AgetFirestore

BinitializeFirestore

CgetAuth

Dfirestore

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing Firestore with Auth or using wrong function names.

getFirestore is imported and then called with the app instance to initialize Firestore.

5fill in blank

hard

Fill all three blanks to set up Firebase Storage and upload a file.

Firebase

import { [1] } from 'firebase/storage';
const storage = [2](app);
const storageRef = ref(storage, [3]);

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

AgetStorage

BinitializeStorage

C'files/myFile.txt'

D'myFile.txt'

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong import names or incorrect file path strings.

Use getStorage to import and initialize storage. The reference path is the file name as a string.