# Chat app In Thunkable drag and drop

**URL:** <https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119>\
**Category:** Questions about Thunkable X\
**Created:** [May 21, 2021, 5:46am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119 "2021-05-21T05:46:26Z")\
**Posts on this page:** 13\
**Page:** 2

<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:** [October 22, 2021, 2:26am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/21 "2021-10-22T02:26:56Z")

</div>

There are links and videos about this here:

> [@Connecting cloud variables to firebase](https://community.thunkable.com/t/connecting-cloud-variables-to-firebase/61866):
>
> I have started a project at Firebase and I defined a cloud variable (at database tab). I have copied the apiKey and databaseURL to my app (at Firebase Settings). I don’t know why I can’t change the value of this variable from Firebase. Is there any video shows how to setup a cloud variable at Firebase and allocate its value to a corresponding variable at thunkable cross project? Thanks, Ahmed

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 11, 2022, 3:42am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/22 "2022-03-11T03:42:49Z")

</div>

Hi There,  
Yesterday, I tried to make chat app on DnD Thunkable and using the cloud for Realtime DB, but I still can’t using Realtime DB if I open the app on another account, I hope that someone will be checking this project and then remix or just tell me what should I do as of I can make a chat app on DnD Thunkable.  
[The project.](https://x.thunkable.com/projects/62298676743e7c00108a6df6/8ec54c8d-ac5b-4455-b886-53063dc78976/designer)

---

<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:** [March 11, 2022, 4:22am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/23 "2022-03-11T04:22:20Z")

</div>

You’re setting a cloud variable’s value which will change the data in Firebase. But you’re not getting any data from Firebase. You need to use the path to the Firebase nodes such as _cloud variable [app variable name group]_ to get data back.

Also, access to your Firebase data will depend on the rules you’ve set up in Firebase.

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 11, 2022, 4:47am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/24 "2022-03-11T04:47:05Z")

</div>

But, actually I’ve done to add API Key and database URL from my firebase sir, and then I add cloud for variable name group and still same like before.  
I got your point, if I set a cloud variable’s value and then my data in my firebase will be changing too, right?  
[The project after I made cloud for variable name group](https://x.thunkable.com/projects/62298676743e7c00108a6df6/8ec54c8d-ac5b-4455-b886-53063dc78976/blocks)

---

<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:** [March 11, 2022, 4:53am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/25 "2022-03-11T04:53:39Z")

</div>

You are still not using the cloud data in any way after you store it. What are you wanting to do with Firebase?

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 11, 2022, 4:57am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/26 "2022-03-11T04:57:01Z")

</div>

Oh no, But I don’t understand which kind of codes that I can use the cloud data, could you help me to give me a sample code for doing that? sorry for disturbing your time.

---

<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:** [March 11, 2022, 5:17am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/27 "2022-03-11T05:17:33Z")

</div>

Thunkable can store data locally on the phone with app variables and stored variables or in the cloud (in Firebase) using cloud variables. What kind of data do you want to store in Firebase? Are you wanting to store the chat messages in Firebase?

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 11, 2022, 5:34am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/28 "2022-03-11T05:34:53Z")

</div>

Yes sir, I want to make Realtime DB on DnD Thunkable with using cloud variables. So, if someone uses key for the name group on my chat app, they directly can see what happen on the chat and join the chat too. So, I can say that message on the chat app won’t be gone if someone tries to join too on the same group.

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 11, 2022, 5:43am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/29 "2022-03-11T05:43:33Z")

</div>

Oke sir, this is the Chat App on the old Thunkable [Chat App](https://x.thunkable.com/projects/622adfa08b3b1d00117cf914/74f7c93e-0350-4cf5-832c-921a1c61474d/designer) If I want to change to make this one on DnD Thunkable what should I use the code if I want to use cloud variable.

 ![The code of chat app on the old Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/6/766a0af9d315fbea08c6ff9ba946f726c04cfd74.jpeg)

---

<div class="post-metadata">

**Author:** ![sellymitramailandash](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sellymitramailandash/32/128377_2.png) [@sellymitramailandash](https://community.thunkable.com/u/sellymitramailandash)\
**Post date:** [March 17, 2022, 2:24pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/30 "2022-03-17T14:24:30Z")

</div>

Hello sir, I hope that you are doing well. If you remember, I am one of the learners who is curious about the Chat App on DnD Thunkable. My team and I tried again to make one Chat App that connects with Firebase using Cloud Variable. I followed and read a lot of steps here, back again to read because I didn’t understand. But finally, I did sir. I made one Chat App on DnD Thunkable connecting Firebase with Realtime DB and using Cloud Variable. To be frank, this community is really helpful and I want to say thank you. So if someone wants to try to make a Chat App on DnD Thunkable, you can use this link to remix or something else.  
[Chat App on DnD Thunkable](https://x.thunkable.com/copy/29d1147c014ff4e8d2a2f87e16289a2c)

---

<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:** [March 17, 2022, 3:07pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/31 "2022-03-17T15:07:09Z")

</div>

I appreciate that! Thank you. I’m glad you persevered and got it to work.

---

<div class="post-metadata">

**Author:** ![b511thegoldenboyu0](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/b511thegoldenboyu0/32/174831_2.png) [@b511thegoldenboyu0](https://community.thunkable.com/u/b511thegoldenboyu0)\
**Post date:** [April 11, 2024, 2:37pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/32 "2024-04-11T14:37:47Z")

</div>

Hi there i have try to use these blocks to create chat app in screen one i have put following blocks.

 ![Capture1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f294e7ef1fb8404e05c37a54825cdfbf006d48b.png)  
and these for screen 2  
 ![Capture2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/8/48460fe60865557bae89a1650d0dca7a9d9249a0.png)  
but they do not work can you help me to correct them

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/33 "2024-11-08T13:22:25Z")

</div>



[Previous page](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119.md?page=1)
