Supabase vs Firebase comparison - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize a Supabase client with the correct URL.

Supabase

const supabase = createClient('[1]', 'public-anon-key');

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

Ahttps://myproject.firebaseapp.com

Bhttps://firebase.google.com

Chttps://xyzcompany.supabase.co

Dhttps://api.supabase.io

Attempts:

3 left

💡 Hint

Common Mistakes

Using Firebase URLs instead of Supabase URLs.

Confusing API URLs with project URLs.

The Supabase client requires your project URL, which looks like https://xyzcompany.supabase.co.

2fill in blank

medium

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

Supabase

const { data, error } = await supabase.auth.[1]({ email, password });

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

AsignInWithPassword

Bregister

CloginUser

Dauthenticate

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect method names like 'register' or 'loginUser'.

Confusing Firebase method names with Supabase.

Supabase uses signInWithPassword to sign in users with email and password.

3fill in blank

hard

Fix the error in the Supabase query to select all rows from 'profiles' table.

Supabase

const { data, error } = await supabase.from('profiles').[1]('*');

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

Aget

Bselect

Cfetch

Dquery

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'get' or 'fetch' which are not Supabase methods.

Confusing with Firebase query syntax.

The correct method to fetch rows in Supabase is select.

4fill in blank

hard

Fill both blanks to write a Firebase Realtime Database reference for the current user.

Supabase

const dbRef = ref([1], 'users/' + [2].currentUser.uid);

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

Adatabase()

Bauth()

Cstorage()

Dfirestore()

Attempts:

3 left

💡 Hint

Common Mistakes

Using Firestore or storage instead of database.

Using auth() in the first blank instead of database().

Firebase Realtime Database uses database() to get the database instance and auth() to get the current user ID.

5fill in blank

hard

Fill all three blanks to write a Supabase insert query with error handling.

Supabase

const { data, error } = await supabase.from('[1]').[2]({ name: '[3]' });

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

Aprofiles

Binsert

Cjohn_doe

Dselect

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'select' instead of 'insert'.

Wrong table name or missing quotes around the name.

To insert data into the 'profiles' table, use from('profiles') and insert method with the data object.