# What is the best way to make a sign in page? Stored Variables or Sign in?

**URL:** https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867
**Category:** Questions about Thunkable X
**Tags:** firebase, beginner
**Created:** [November 22, 2021, 5:58am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867 "2021-11-22T05:58:12Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 22, 2021, 5:58am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/1 "2021-11-22T05:58:12Z")

</div>

I had trouble choosing which thing to use for a sign in page.  
I was thinking of what I could use for a sign in page, stored variables or the Sign in thing?

This is what I’m talking about the sign in thing in case you guys don’t understand:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/0/8011b01bb6a91d7e527c320b53a9e7da467f4a3b.jpeg)  
So it would be helpful if someone could figure which is the best way.

Thanks friends.

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 22, 2021, 6:04am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/2 "2021-11-22T06:04:45Z")

</div>

See this tutorial from Thunkable

[![](https://img.youtube.com/vi/tdgVeck-sOI/maxresdefault.jpg "Sign in Screen with Stored Variables - Thunkable Drag and Drop UI") ](https://www.youtube.com/watch?v=tdgVeck-sOI)

It uses both the `Sign In` component and the `stored variables`.

You use the `Sign In` component to authenticate and verify the user using the email/password combination.

In order not to force the user to type in the email and password every time the app starts, you will use `stored variables` to store the user email and password and pass it automatically to the app to allow the user to **sign in to your all automatically**.

So, for best practice, you need to use both the `Sign In` component and the `stored variable` in your app.

Hope this clarifies the matter.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 22, 2021, 6:05am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/3 "2021-11-22T06:05:32Z")

</div>

Thanks a lot I’ll watch the video.

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [November 22, 2021, 6:13am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/4 "2021-11-22T06:13:02Z")

</div>

For what it’s worth, I’m using the technique in the video above for an app I’m developing. It works really well. Although I’m generating a random email and password because I don’t need the user to actually sign in… I just need Firebase authentication which it provides. But that’s kind of a tangent.

---

<div class="post-metadata">

### Author: ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)
#### Post date: [November 22, 2021, 8:48am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/5 "2021-11-22T08:48:08Z")

</div>

I use Airtable in one of my apps as I need to be able to create and then have full control over the user names and passwords. I then use a variable to control whether the login is user or admin for that session.

---

<div class="post-metadata">

### Author: ![hdawc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/hdawc/32/119068_2.png) [@hdawc](https://community.thunkable.com/u/hdawc)
#### Post date: [November 22, 2021, 7:31pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/6 "2021-11-22T19:31:59Z")

</div>

@ant_1  
Sign in (from Firebase) is SO easy - and free - there’s not really much reason not to use it! 😃

The only reason I would use something else is if I need users to sign into an external API (generally for work purposes), or to link the Firebase login to an external set of data e.g. multiple APIs.

I also use the OneSignal component as it gives a unique ID which one can store if inclined. For example; to identify users in another system when submitting data, or to unregister users via OneSignal if they don’t want to receive notifications.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 3:22am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/7 "2021-11-23T03:22:35Z")

</div>

Thanks for the answer.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:04pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/8 "2021-11-23T13:04:14Z")

</div>

Hi,  
I have one question. Is the API Key and Database URL necessary? Because I’m gonna need to learn how to use fire base and the the API key and database URL. So if you could help me, that would be great.

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 23, 2021, 1:08pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/9 "2021-11-23T13:08:13Z")

</div>

> [@ant\_1](#):
>
> Is the API Key and Database URL necessary?

You can only access Firebase and retrieve data and save data when you provide the API key and Database URL in the project settings.

This is the connection between your project and your Firebase database.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:21pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/11 "2021-11-23T13:21:24Z")

</div>

Thanks for the info. But there seems to be a problem while previewing my app. It said that my API key is invalid and check if i have copied it

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 23, 2021, 1:33pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/12 "2021-11-23T13:33:05Z")

</div>

Can you verify that the API key and Database URL are saved in the project settings?

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:35pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/13 "2021-11-23T13:35:56Z")

</div>

lemme check.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:36pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/14 "2021-11-23T13:36:35Z")

</div>

It doesn’t.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:43pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/15 "2021-11-23T13:43:59Z")

</div>

How do I exactly get the API Key and Database URL?

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 23, 2021, 1:47pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/16 "2021-11-23T13:47:24Z")

</div>

Have you created a Firebase project?  
If you do you need to also choose web project. The API key will be in the configuration setup code of the web project.

The database URL is also in the same configuration file.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:49pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/17 "2021-11-23T13:49:21Z")

</div>

I have never even created a firebase project. So could you give me some kind of small easy-to-follow tutorial so I know what I should do?

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 23, 2021, 1:51pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/18 "2021-11-23T13:51:19Z")

</div>

See this tutorial from @darren

[![](https://img.youtube.com/vi/eeMvpzFvgC0/maxresdefault.jpg "How to Create and Setup Firebase for a Thunkable Project") ](https://www.youtube.com/watch?v=eeMvpzFvgC0)

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 23, 2021, 1:51pm UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/19 "2021-11-23T13:51:59Z")

</div>

Thanks a lot. I’ll watch the video.

---

<div class="post-metadata">

### Author: ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)
#### Post date: [November 24, 2021, 3:48am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/20 "2021-11-24T03:48:15Z")

</div>

Hi @muneer,  
I have a problem with my Sign in Page. I’ve copied the API Key and Database URL but while I was previewing my Sign in page, it said please verify your email. Here is the screen:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/d/1ded61e8ed006fd545c9b958466cc8bae70028e5.jpeg)

And here is the code/blocks:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c613931bdf37e9cc266806acdb06ad60f250fe19.jpeg)

Is there anything wrong?

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [November 24, 2021, 5:40am UTC](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867/21 "2021-11-24T05:40:49Z")

</div>

The blocks you are using change the value of the label to “Please verify your email” if the email hasn’t been verified yet. Check your email inbox and click on the verification link/button to complete the sign up.

[Next page](https://community.thunkable.com/t/what-is-the-best-way-to-make-a-sign-in-page-stored-variables-or-sign-in/1627867.md?page=2)
