Firebase vs AWS vs Supabase comparison - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize a Firebase app with the correct method.

Firebase

const app = firebase.[1](firebaseConfig);

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

AlaunchApp

BinitializeApp

CcreateApp

DstartApp

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'startApp' or 'createApp' which are not Firebase methods.

The correct method to start a Firebase app is initializeApp.

2fill in blank

medium

Complete the code to get a reference to the Firestore database.

Firebase

const db = firebase.[1]();

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

Afirestore

BgetDatabase

CgetFirestore

Ddatabase

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'getFirestore' which is for the modular SDK.

The correct function to get Firestore is firestore().

3fill in blank

hard

Fix the error in the AWS S3 bucket creation code by choosing the correct property name.

Firebase

const bucket = new AWS.S3({
  [1]: 'us-west-2'
});

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

Azone

Blocation

CregionName

Dregion

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'regionName' or 'zone' which are invalid for AWS config.

The correct property to specify AWS region is region.

4fill in blank

hard

Fill both blanks to create a Supabase client with the correct URL and key.

Firebase

const supabase = createClient('[1]', '[2]');

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

Ahttps://xyzcompany.supabase.co

Bhttps://aws.amazon.com

Cpublic-anon-key

Dsecret-key

Attempts:

3 left

💡 Hint

Common Mistakes

Using AWS URLs or secret keys instead of public keys.

Supabase client needs the project URL and the public anonymous key.

5fill in blank

hard

Fill all three blanks to configure Firebase authentication with email and password provider.

Firebase

firebase.auth().createUserWithEmailAndPassword([1], [2]).then(user => {
  console.log([3]);
});

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

Aemail

Bpassword

Cuser

DauthUser

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping password and email, or logging wrong variable.

The method requires email and password as inputs, and the user object is returned in the promise.