Why authentication identifies users in Firebase - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize Firebase Authentication.

Firebase

const auth = firebase.[1]();

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

AgetAuth

BinitializeAuth

CauthService

Dauth

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'getAuth' which is modular SDK syntax.

Confusing initialization with other Firebase services.

The auth() function returns the Firebase Authentication instance.

2fill in blank

medium

Complete the code to sign in a user with email and password.

Firebase

firebase.auth().signInWithEmailAndPassword([1], password);

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

AuserEmail

Buser

Cemail

Dusername

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'username' instead of 'email'.

Passing the password as the first argument.

The signInWithEmailAndPassword method requires the user's email as the first argument.

3fill in blank

hard

Fix the error in the code to get the current authenticated user.

Firebase

const user = firebase.auth().[1];

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

AcurrentUser()

BcurrentUser

CgetCurrentUser()

Duser

Attempts:

3 left

💡 Hint

Common Mistakes

Using parentheses after 'currentUser'.

Trying to call a non-existent method 'getCurrentUser()'.

The currentUser is a property, not a function, so it should not have parentheses.

4fill in blank

hard

Fill both blanks to listen for authentication state changes.

Firebase

firebase.auth().[1]((user) => {
  if (user) {
    console.log('User is [2]');
  }
});

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

AonAuthStateChanged

BsignedIn

CsignedOut

DauthStateChanged

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'authStateChanged' as a method instead of an event name.

Logging 'signedOut' when user is present.

The method to listen for auth changes is onAuthStateChanged. When a user is signed in, the callback receives the user object.

5fill in blank

hard

Fill all three blanks to create a new user with email and password and handle errors.

Firebase

firebase.auth().createUserWithEmailAndPassword([1], [2])
  .then((userCredential) => {
    const user = userCredential.[3];
    console.log('User created:', user.email);
  })
  .catch((error) => {
    console.error(error.message);
  });

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

Aemail

Bpassword

Cuser

DuserInfo

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping email and password arguments.

Using 'userInfo' instead of 'user' property.

The createUserWithEmailAndPassword method takes email and password as arguments. The userCredential object contains the user property with user details.

Practice

1. What is the main purpose of authentication in Firebase?

easy

A. To store user data

B. To confirm the identity of a user

C. To speed up app loading

D. To design the app interface

Solution

1. Step 1: Understand authentication role

   Authentication is the process that confirms who a user is by checking their credentials.

2. Step 2: Differentiate from other functions

   Storing data, speeding up loading, or designing interfaces are not related to identifying users.

3. Final Answer:

   To confirm the identity of a user -> Option B

4. Quick Check:

   Authentication = Confirm identity [OK]

Hint: Authentication means checking who you are [OK]

Common Mistakes:

• Confusing authentication with data storage
• Thinking authentication speeds up apps
• Mixing authentication with design tasks

2. Which Firebase method is used to sign in a user with email and password?

easy

A. firebase.auth().signInWithEmailAndPassword()

B. firebase.auth().createUserWithEmailAndPassword()

C. firebase.auth().signOut()

D. firebase.auth().sendPasswordResetEmail()

Solution

1. Step 1: Identify sign-in method

   The method to sign in a user with email and password is signInWithEmailAndPassword().

2. Step 2: Differentiate from other methods

   createUserWithEmailAndPassword() creates a new user, signOut() logs out, and sendPasswordResetEmail() sends reset instructions.

3. Final Answer:

   firebase.auth().signInWithEmailAndPassword() -> Option A

4. Quick Check:

   Sign in = signInWithEmailAndPassword() [OK]

Hint: Sign in uses signInWithEmailAndPassword() method [OK]

Common Mistakes:

• Using createUserWithEmailAndPassword() to sign in
• Confusing signOut() with sign-in
• Mixing password reset with sign-in

3. What will the following Firebase code output if the user is not signed in?

firebase.auth().onAuthStateChanged(user => { if (user) { console.log('User ID:', user.uid); } else { console.log('No user signed in'); } });

medium

A. No user signed in

B. User ID: null

C. Error: user is null

D. User ID: undefined

Solution

1. Step 1: Understand onAuthStateChanged behavior

   This listener runs when the authentication state changes. If no user is signed in, the user parameter is null.

2. Step 2: Analyze the if-else condition

   If user is null (no signed-in user), the else block runs, printing 'No user signed in'.

3. Final Answer:

   No user signed in -> Option A

4. Quick Check:

   Null user triggers else message [OK]

Hint: Null user means no one signed in [OK]

Common Mistakes:

• Assuming user.uid exists when user is null
• Expecting an error instead of else message
• Confusing null with undefined

4. Identify the error in this Firebase authentication code snippet:

firebase.auth().signInWithEmailAndPassword(email, password).then(user => { console.log('Signed in:', user.uid); }).catch(error => { console.error(error.message); });

medium

A. The then callback receives a user object directly

B. The catch block should be before then

C. signInWithEmailAndPassword requires three arguments

D. The then callback receives a userCredential object, not user

Solution

1. Step 1: Check the promise return type

   signInWithEmailAndPassword returns a promise resolving to a userCredential object, not a user directly.

2. Step 2: Understand how to access user ID

   The user ID is accessed via userCredential.user.uid, so the code should use userCredential in the then callback.

3. Final Answer:

   The then callback receives a userCredential object, not user -> Option D

4. Quick Check:

   Then gets userCredential, not user [OK]

Hint: Then callback gets userCredential, access user inside it [OK]

Common Mistakes:

• Treating then argument as user directly
• Placing catch before then
• Passing wrong number of arguments

5. You want to restrict access to certain app features only to authenticated users. Which Firebase approach best identifies users to enforce this?

hard

A. Use anonymous sign-in without checking user identity

B. Store user data in Firestore without authentication

C. Use Firebase Authentication to sign in users and check their UID before access

D. Allow all users to access features without sign-in

Solution

1. Step 1: Understand access control needs

   Restricting features requires knowing who the user is, which Firebase Authentication provides by signing in users and giving unique IDs.

2. Step 2: Evaluate other options

   Storing data without authentication or allowing anonymous/no sign-in does not identify users, so access cannot be controlled securely.

3. Final Answer:

   Use Firebase Authentication to sign in users and check their UID before access -> Option C

4. Quick Check:

   Authentication + UID check = secure access control [OK]

Hint: Check user UID after sign-in to restrict access [OK]

Common Mistakes:

• Relying on data storage without authentication
• Using anonymous sign-in without identity checks
• Allowing access without sign-in