How to use chatview with firebase?

This is very new for everyone to use Firebase with Chat View.
So I also searched so many times and find some ways to use.But everytime there was a bug in the method.
So I mixed up my ideas in @Choofa method and built a new method.
Here you can read his post:-

How it looks from designer

Components and Layouts

  • Vertical Arrangement
  • Horizontal Arrangement
  • Chat view
  • Text Box
  • Label
  • Image Picker
  • Tiny DB
  • Cloudinary
  • Notifier
  • Firebase DB

Blocks are divided into five parts.
1.Screen initialization and getting sent messages tags


2.Receive sent messages and add them in Chat View

3.Send a message




4.Check for new message(s)


5.Send images




Extra Blocks





Extra features

I have used following extensions to add more features:

As there was some problem in ais file so I am now giving aia file with ais included.
But there is a faulty screen in Aia so be careful.

Here is Aia file download link:
Download Link: Chat.aia - Google Drive

Liked My Work

If you think it is useful or you liked it then you can motivate me to make Guides/Tutorials like this:
Shortened Download Link: Shrink your URLs and get paid!

What’s New

  • Replaced Clock with DateTools extension (but you can still use Clock)
  • Better detection of image URL (just for newbies)

Don’t forget to give suggestions.’
Hope this will be helpful :grin:

Last Updated 2019-11-13T18:30:00Z

How to make a Group Chat using Chat view with Firebase with History
Firebase DB chat project
How can I use the chat view component without phone numbers
Making Firebase.StoreValue Tag serialized?
How to make Classified Application like OLX
Problem with Chatview
Please help me create a chat system!
Help me making chat app
Help with the chat view component
I have some problems with coding chat app like whats app
I have a problem with my chat application
I have a problem with my chat application
Send and receive a text to a number online
Send and receive a text to a number online
How to make One Way messaging system between Two Apps through Airtable with ChatView?
Chat Duplication
Help with the chat view component
How to show user image in Chat View via Firebase DB got value?
How to show user image in Chat View via Firebase DB got value?
Chats don't show in ChatView
Chat component use
Chat app in Kodular
I need help with chat
Need Help with Chat View and Firebase
Width percentage
ChatView with Firebase or TinyWeb_DB
How to solve firebase error
Tutorial Writer badge
Help me firebase aut chatview problem
Chat App with Firebase and ListView
How to upload username to firebase and use it in chatview
DateTools : Some tools to work with date and time
Time stamp keeps changing time
Time stamp keeps changing time
See here how to use Firebase with ChatView Component
How to setup chatview using Citrixchatview extension
How to do chatting in two apps
Help with displayed text
How to get list in serialwise from firebase?
Screen not working
Want group chat aia
How to make a group chat app using Firebase?
Chatview: How to use Add Component Messasge
I want to make a chat app where should I begun form?
I want to make a chat app where should I begun form?
Online Class App With Youtube Videos
How can i make a chat system in kodular?
How can i add chat to admin when user login!?
Help with a app Social Media
Using chat view first time
ChatView Refreshing Page Problem [SOLVED]
Problem using chatview
Chat view with firebase
Implementing ChatView with firebase database has error in multiline message
How to create chat with Admin system
Firebase Database error help me
Messaging between registered users

can you attach an aia, it would be better for us to live test it and understand it better, by the way I appreciate your efforts ! Nice Expalnation !

thanks mate

since the ais is not available, bro can you share about those 3 firebase buckets, are thier same api key and tokens? i try to copy all the blocks in the image you uploaded but, i get 2 buble chat, as sender and reciever when i send message, that suppose to be the correct, i get the first bubble chat, and get second bubble chat with responser reply, overall i see your work with this blcks a good chat history, its stored everything , nice using firebase

problem solve. its the when data changed that duplicate the buble chat, it should be in another screen like inbox features. Thanks for the guide. 100% working

Happy to hear that it works.Can you clarify it?
Otherwise I have made new version when I have time I will update this guide.

im working it out, so i can continue your guide for our community, im clarifying since the firebase uses same api key and token, ti can easily trigger th when data changed automaticaly coz it will call the taglist like the image fourth to check for the message you provide. It should be in another screen which create an inbox to check new messages, probably a listview component, which when its click its manually call the messages of two user when the firebase bucket correct blocks, which you provide in the guide. A lot of things to do, i share an aia when i finish this project for guide purposes to save time for everyone

I have worked on that and made an app using that method.
I have also made chat system using mysql and firebase.
May be in future this method will be very useful for developers.

1 Like

Can you please check that new download link is working or not?

1 Like

Wait bro… i check

Not working for me. HTTP 412 ERROR

I have updated download link.

one thing lack with this project, a notification where if new message has been detected, one signal component is good, even the app close, which also i discoverd this extension [Free] Extension OneSignalSend (Christmas Update) version4 - #ThunkableClassicExtensions - Community but don’t know yet, still testing, if you have any idea for better option . hehehe it can save time.

I tried to do that with firebase data changed block but every time I open app it showed notification so I removed that option.
If you can do that than just do that.:grin:

the extension above have a great chance… it just to complicated blocking the specific id of a user, and the extension crash sometimes.

unless if not an extension, we can use 3rd party live notofication provider like this one

1 Like

@vknow360 link not working

It will be fixed soon…:blush:

Updated download link.
Now all files will be hosted on my website :grin:

Can we integrated this feature to kodular?