How to Add & Use the Sign In Component (w/ videos)

This article and the related tutorials cover the basics of adding the Thunkable X Sign In component to your app. Firebase for the win!

Background

Firebase is a very powerful app building companion provided by a little company you may have heard of named Google. Firebase provides a suite of services that take care of the common things that most apps need. Thunkable X currently has components to utilize the Authentication (Sign In) and Realtime DB services.

Let’s take a look at the Firebase Sign In component!

The following tutorials extend the existing documentation provided by the thunkable team. You can check out the Sign In documentation here: https://docs.thunkable.com/sign-in-1

Setup and Basic Features

This tutorial walks you through:

  • 02:36 - The Design Components You’ll Need
  • 04:55 - Creating Your Firebase Account
  • 09:07 - Connecting Firebase & Thunkable X
  • 10:57 - Sign Up Block // Create an Account
  • 14:30 - Signing In & Signing Out

Advanced Features

This tutorial walks you through:

  • 00:06 - Resetting the Password
  • 05:09 - Verifying the Email Address
  • 07:57 - Prepopulate the Email & Password
  • 13:12 - Retrieving the Current User’s Id
  • 16:24 - The Future & a Free Gift
4 Likes

Dear Darren

Greetings!

According to your video, it says to add the sign-in feature But it’s Not there.

Please Help?

P.S

I am NOT using Pro

hey @s27113l you using new ui or old ui?

New

hey @s27113l as new ui has different features it is already present in blocks