# 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:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 21, 2021, 5:46am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/1 "2021-05-21T05:46:26Z")

</div>

Hello Guys!  
I am making an app and I tried the new Thunkable drag and drop UI. Now I have completed the app almost but now I want to make chat but there is no real-time database element I tried with cloud variables but I cannot make it. Can you help me chat solution?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 21, 2021, 7:01am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/2 "2021-05-21T07:01:25Z")

</div>

Hi @asmisethi9585oy

See more here:

> [@How to use Firebase's Realtime DataBase in Thunkable Drag And Drop](https://community.thunkable.com/t/realtime-db-in-thunkable-drag-and-drop/1253164/2):
>
> DnD users are intended to use cloud variables.

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 21, 2021, 11:30am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/3 "2021-05-21T11:30:00Z")

</div>

Hello ,@domhnallohanlon

I am very new to this and I really want to complete this project.  
but I have no idea about cloud variable  
I researched and tried using it but I am not able to complete  
I have also seen this  
[Replace GET or SAVE Blocks with cloud variables - Thunkable Discuss - Community](https://community.thunkable.com/t/replace-get-or-save-blocks-with-cloud-variables/975738)  
But it is out of mind  
Please Help!

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 22, 2021, 12:33pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/4 "2021-05-22T12:33:56Z")

</div>

@domhnallohanlon  
Please help

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 22, 2021, 1:14pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/5 "2021-05-22T13:14:04Z")

</div>

Have you checked out the docs IT explains how to Use Them.

> **[👋 Welcome to Thunkable](https://docs.thunkable.com/)**
>
> The platform where anyone can build their own mobile apps.

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 22, 2021, 4:28pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/6 "2021-05-22T16:28:48Z")

</div>

@sketch  
Hello,  
Yes I have seen it  
But it does not have the answer to my question  
Can you suggest something ?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 22, 2021, 5:59pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/7 "2021-05-22T17:59:14Z")

</div>

> [@asmisethi9585oy](#):
>
> But it does not have the answer to my question

I’m sorry - could you tell us your question again? I don’t see an answerable question in here. I’d like to help, but I’m not sure where you need help!

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 23, 2021, 10:27am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/8 "2021-05-23T10:27:29Z")

</div>

Hello Guys!  
I am making an app and I tried the new Thunkable drag and drop UI. Now I have completed the app almost but now I want to make chat but there is no real-time database element I tried with cloud variables but I cannot make it. Can you help me chat solution?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 23, 2021, 11:09am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/9 "2021-05-23T11:09:27Z")

</div>

This is a copy of the original topic.  
Your qeustion is how to create a chat app. Right? if so Use cloud variabeles.  
Maybe show your blocks so we can see whats wrong with Them.

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [May 24, 2021, 7:02am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/10 "2021-05-24T07:02:55Z")

</div>

Hi there,

This realtime DB block is the same as this cloud variable block:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9fa6e296fe9a464f48be04c0cfd19ee288dcee9b.png)

 ![Screen Shot 2021-05-24 at 8.00.32 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/c/1cf73c3252b6e6d78159360404b2c26b9147c2b0.png)

And this realtimeDB block is the same as this cloud variable block:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/5/a5e6a06e3398220d5d4ef4393986a62a15111b64.png)

 ![Screen Shot 2021-05-24 at 8.01.27 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05a7637eabdccd7c21cc0b926209566c5b8144fd.png)

I am using [dynamically named variables](https://docs.thunkable.com/variables#dynamically-named-variables) here, so you don’t even need an initialize block!

Does that help you understand how to use cloud variables instead of the Realtime DB component in your Drag and Drop project?

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 24, 2021, 8:54am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/11 "2021-05-24T08:54:51Z")

</div>

Hi thanks!  
it helped me a lot can you tell me where to find the purple one block (realtime db)

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 24, 2021, 9:45am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/12 "2021-05-24T09:45:42Z")

</div>

that block can only be found in the legacy UI.  
if you want to use the DnD UI then use @jane her example with cloud variables.

---

<div class="post-metadata">

**Author:** ![asmisethi9585oy](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@asmisethi9585oy](https://community.thunkable.com/u/asmisethi9585oy)\
**Post date:** [May 24, 2021, 11:13am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/13 "2021-05-24T11:13:47Z")

</div>

> [@Chat app In Thunkable drag and drop](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/10):
>
> Hi there, This realtime DB block is the same as this cloud variable block: [image] And this realtimeDB block is the same as this cloud variable block: [image] I am using [dynamically named variables](https://docs.thunkable.com/variables#dynamically-named-variables) here, so you don’t even need an initialize block! Does that help you understand how to use cloud variables instead of the Realtime DB component in your Drag and Drop project?

Hello @jane  
Your example helped can you help me locate the “in Realtime DB” block.  
the purple block?

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [May 25, 2021, 6:39am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/14 "2021-05-25T06:39:51Z")

</div>

The purple realtime DB block is not available in the drag and drop UI.

You need to use cloud variables in the drag and drop UI.

That comment demonstrates how these blocks can complete exactly the same actions of uploading and getting values to/from a Firebase media DB.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [June 9, 2021, 4:59pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/15 "2021-06-09T16:59:20Z")

</div>

Hi There is realtime db1 in thunkable drag and drop ??

---

<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:** [June 9, 2021, 5:05pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/16 "2021-06-09T17:05:03Z")

</div>

This was answered right above your post.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [June 10, 2021, 4:18am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/17 "2021-06-10T04:18:24Z")

</div>

Ok sir

---

<div class="post-metadata">

**Author:** ![vishruth-ram](https://avatars.discourse-cdn.com/v4/letter/v/82dd89/32.png) [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)\
**Post date:** [October 16, 2021, 2:31pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/18 "2021-10-16T14:31:21Z")

</div>

> [@jane](#):
>
> You need to use cloud variables in the drag and drop UI.

how to connect firebase then?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [October 16, 2021, 3:56pm UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/19 "2021-10-16T15:56:56Z")

</div>

In the settings of your app.  
Click the little Gear icon in the left drawer where you switch tabs to create a new table etc.

---

<div class="post-metadata">

**Author:** ![vishruth-ram](https://avatars.discourse-cdn.com/v4/letter/v/82dd89/32.png) [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)\
**Post date:** [October 22, 2021, 2:18am UTC](https://community.thunkable.com/t/chat-app-in-thunkable-drag-and-drop/1297119/20 "2021-10-22T02:18:20Z")

</div>

I know how to connect firebase. **I’m asking how to connect firebase to the cloud variable.**

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