This topic will be a thread of posts explaining the different aspects of adding a Sign In component to your app and creating a new version of the Sign In template.
Part 1: Firebase
This post will walk you through creating a Firebase project, adding Email Authentication to the project, and adding your project to a Thunkable project.
You can also follow these steps to add a Firebase DB to your Thunkable project - just don’t follow the steps for adding email authentication to your project!
Create your project
Log in with google to console.firebase.google.com. On the console screen, click Click ‘Add Project’.
Fill in the details for your project and click ‘Create Project’.
Building your project can take a few seconds. Once your project is ready, you’ll be taken to the Project Overview page.
Add Email Authentication
Click on the ‘Authentication’ option in the Develop sidebar.
Click the button that says ‘Set up sign-in method’.
If you hover your mouse over the ‘Email/Password’ option, you’ll see a pencil. Click this pencil to enable/disable Email + Password Authentication in your Firebase project. Click ‘Save’ to save these settings.
Add your Firebase DB to your App Project
Click the gear icon next to the ‘Project Overview’ text, underneath the Firebase logo, to access the Settings page. You can find the Web API key in the General tab of the Settings page.
You can find the databaseURL in the ‘Service accounts’ tab of the Settings page.
To add these details to your Thunkable X App Project, click on your project title/app icon. This will show your App Settings in the Properties tab on the right-hand side of the screen.
Scroll down to the ‘Firebase Settings’ section and paste in your API Key and your database URL.
Your project is now connected to your Firebase DB!