Build Chat App without Coding | FlutterFlow Chat App Tutorial

[@derekschlabach2795]

Thanks bud. I have been asking tons of people to make this and your the only person that has done it and its way better then the other vids I've seen

[@WahiduzzamanSajid]

if my built this app more slowly and with your voice then it would be helpful for us and we could understand the things that you were showing...

[@BaneBobbyBro]

Thank you for this!!! I looked so much for a decent tutorial that showed how to build chat in depth. This is the only one.

[@mrmatingamer8903]

Nice tutorial... Now I'm going to develop my own app to chat with my gf 😜

[@VedicDharm13]

😂😂

[@hyderalisaifanshaikh9411]

Bro work kar rahi hai kya

[@kiptanuii]

😂😂

[@CELAL_and_ASIF]

Hello, I want to look at you and create a chat, but I don't see some functions, for example, timestamp, user document, etc Help me please

[@kevinp9110]

This is really interesting. I want to launch a messaging app and this has been a great help.

[@trackyourtalent]

Have you worked out a way to use infinite scroll in these lists or searches that also update with new additions? In this setup, if you have 5000 users, just one user on that search page looking for users would cost 10,000 reads instantly (one for the normal list, one for the search list, as far as I know conditional visibility does not stop the query). Times that by how many users look at this page, times how many times in a day.... Same on the chat pages if you have a lot of messages. The chat especially gets annoying cos infinite scroll lists do not update with additions.

[@ALADEABRAHAM]

I need answers please does this tutorial really work i want to use it to practice Thanks 😄

[@GauravSingh-zz9rf]

bro youre querrying the entire collection and then putting conditional visibility on it. wont it make for a low efficiency ? the querry will fetch the entire chats collection before displaying those where the authenticated user is involved. Pls let me know if im wrong or is there a more efficient way of doing this

[@muslimwa]

Error: A network AuthError (such as timeout, interrupted connection or unreachable host) has occurred. ??? I am pild 8 h plz fex it

[@carmanager6269]

thanks very helpful and clear ! but I have a problem, how can you set the list view of the messages by default scrolled to the bottom ? because when I go into a conversation with a lot of messages I need to scroll a lot to get to the new ones

[@BEAT_GRATIS_USO_PROFISSIONAL]

Acredito eu que é em Ordens, lá vc cria um filtro para aparecer os últimos dados

[@marcosfinal]

@@BEAT_GRATIS_USO_PROFISSIONAL how to prevent opening a new chat with the same user

[@sondodvl225]

hello a question I can't tell the difference between the widject that I must see and what everyone must see

[@aliroshdy1390]

Thank you for recording this amazing video. The chat message page is not working as expected but i think i did something wrong in the create document or the image path for user b, i will figure it out. Just minor question about the logic, who should be user a is he the one who send the message or the one that receive the message?

[@afokeakpomiemie796]

user_a is the one who initiates the message.. That would be auth user

[@bobbycbutcher]

is anyone else having an issue assigning the parameter chat_user? I cant seem to figure it out and i followed the tutorial exactly. Any ideas?

[@testtest-s9b]

Instead of removing unnecessary actions from the video WE JUST SPEED IT UP SO PEOPLE SUFFER (And FlutterFlow is also "Great", changed the interface so that we don't understand how to do it now, like we did in the tutorial) I ​​DID NOT EVEN HAVE USERS DOCUMENT!

[@weak_ties]

Thank you very much for the video. Do you know if it's possible to allow voice notes in FlutterFlow? I am trying to implement this in the chat app I am currently building.

[@afokeakpomiemie796]

you can use start audio recording and stop audio recording in action. so you can create two buttons close to input message, making them child to stack. One button to start recording and the other button to stop recording. Use conditional visibility logic to display both buttons at the appropriate action taken.

[@Ghazali11Gaming]

Thank you for the video. When a message is sent, the listview does not refresh. How did you avoid this problem?

[@Evil_Yt6]

Hello sir, I want a help to app in flutterflow Error:User click to join button in one task, Then user show you are Joined all task in button (without snak bar and etc) Sir In button text Join change in Joined Then fix user join one task then joined in task only whose user join then see Joined in button 🙏🏿🙏🏿😔😞😞

[@thalespi2]

Thanks mate, was looking for this!

[@Evelyn-k9t]

Thanks for the video bro, but am facing an issue on my app I need any sent/received messages to automatically scroll the screen to the end. UNLESS, the user is scrolling through messages, in which case it doesn't scroll until user manually goes back to the end of the messages. It's basic functionality of how any messaging app works. How can i fix that pls

[@afokeakpomiemie796]

I am hooked at this point as well. if I can get this solved, my chat app is totally completely built. I asked the question in Flutterflow community and was told to add a "scroll to " action on the list widget, but the fact that conditional visibility is in relation to the local state, gives an error. Have you gotten a solution yet?

[@tremili]

@@afokeakpomiemie796 Were you able to solve this? Did you build off the clone show in video?

[@afokeakpomiemie796]

still haven't been able to solve it. i have asked this question in all flutterflow communities i know of but no one has responded. please if you eventually find a solution please let me know. Even after paying for this clone, the developer didnt respond to this major flaw in the app. Its really sad, he just wants to sell and not solve his customer's issue. @@tremili

[@jmf.490]

This is solved by selecting reverse in the listview properties@@afokeakpomiemie796

[@jmf.490]

This is solved by selecting reverse in the listview properties@@tremili

[@alfredogodoy2599]

The way to filter which chats should be seen in the list is a bit basic. I doubt we'll bring 100,000 chats to filter in the frontend. Any suggestions?

[@ritwikyayayay]

I am getting error at around 45 mins the text input in the chat page s=isnt visible after adding a backend query for the listview,i am stuck on it since 2 hours plase help

[@satyaschannel4391]

Hey bro, he didn't mentioned in the video but if you see at 45:40 to the left he added an column to list view and moved all rows into that column

[@samiul.440]

Is there any end to end encrypted api ? Which I can use here

[@happyboss555]

34:27 I could not set the first value to "User Record Reference", mine only showed "User Record Reference document ID" which did not work when I clicked confirm. Is it about the firestore rules? because I set all the permissions to "everyone" to prevent something from blocking the flow again...

[@BaneBobbyBro]

make sure to click "conditions" first, then you will see the correct options

[@happyboss555]

Thank you so much I will try it@@BaneBobbyBro

[@SecreteConfessionTv]

Can we monetize apps develope by flutterflow, also how do we generate AA.B bundle for playstore publishing

[@kij0te]

If you didn't spend so much time on minor adjustments this video could have lasted 20 minutes and been much clearer.

[@gajjuchoudary7852]

How to fetch the damn contacts man The app is just empty Nothing is literally workimg without them.

[@stigfingers9599]

Thanks for tutorial.. but i noticed that you change something in chatpage ?

[@techno_rohan]

Can you please mention the timestamp?

[@bindasgamingyt390]

Is this make free plan? You build it on free plan?

[@georgekariuki6907]

Hello, i purchased your clone, looks great, however, how do i make sure users don't create duplicate chats? Any tips on this

[@afokeakpomiemie796]

create a variable in app state called "inChatWith" and set this variable to "list" and "persisted". this list would save all the user_b that user_a (authUser) is already in chat with. Then add this action. When you create a chat document, in the chat sequence, update the state variable "inChatWith" by adding user_b userID to the list. Afterwards. create two user containers in the users list and set the containers to be children of stack widget. Then do conditional visibility in relation to the list in "inChatwith". This is how it will be select the first container to create new chat, and set the second container to update chat. your conditional visibility on the create container should be visible only if userb Id is not contained in the "inChatWith list. the opposite for the other container to update chat

[@pasukanmerahputih4242]

I have problem about run app, i try follow your step by step but not easy to run, always problem

[@hacknova502]

But you didnt tought how can we scroll this app without that it is waste even not making any sense to build flutterflow without this feature

[@GhostPersih7]

My chats stay the same after firestore and dont get authentication

[@muhammadsaqib6491]

Is it possible to export/download our chat with someone/single user or group data using flutter?

[@techno_rohan]

Yes, it is possible to export/download chat data.

[@iamturbonium]

Great tutorial! I'm looking to create a real-time chat like the one on Twitch... unsure how much of this tutorial would apply?

[@EMERSONSA2004]

Excellent video 👏👏👏 You gained another subscriber.

[@techno_rohan]

Thank you ❤️

[@ДімаМарцинюк-р5д]

Hello, the video is great, basically I created my own chat. And is it possible to implement a page on which you can select several users and send them some kind of message

[@stephtotes]

Is the video blurry for anyone else?

[@mashpet7696]

Great work. I love it, is it, possible to create a group chat and also RTMP video player

[@techno_rohan]

Thank you. TruChat 2.0 is coming soon!

[@mathco9126]

Do you know how to make the conversation show the name of the other user and not the one who started the conversation? Like in the test that both chats had Amelia's name

[@afokeakpomiemie796]

when passing your parameter to chat page, include user_b display name, you can then bind it to the necessary place

[@ibrahimfanan5987]

39:09 ودائما يظهر لي خطئ عند التطبيق ما الحل

[@lukeatkins9906]

Does anyone know if this method can also be used for group chats? Also, does someone much smarter than me have any idea what kind of costs this would incur if used with Firebase? :)

[@techno_rohan]

I didn't show here the group chat feature. I recommend you follow the FlutterFlow chat app documentation.

[@lukeatkins9906]

@@techno_rohan Thanks for replying! Great video. I was going to follow the documentation for the Group chat action but wondered if that would still work using the method you've demonstrated in your video! I also saw someone say that using Firebase would become very expensive using group chats. So wondered if that were true.

[@lukeatkins9906]

@@techno_rohan Hey dude, I wonder if you knew what conditional to use when I click the person I want to start a conversation with it looks for an existing chat with them and opens that chat, instead of opening a brand new chat every time? (for example, in your video you have the bubbles at the top of the page of users, you click Amelia, and it starts a new conversation, you go back and click Amelia again, it'll open a brand new chat instead of opening an existing one)

[@manchesterutd7518]

i cant find cloud functions admin anymore, i am struggling to setup firebase

[@techno_rohan]

Create Cloud Functions Admin custom role

[@manchesterutd7518]

@@techno_rohan how do i do that?

[@ibrahimfanan5987]

39:09 انا لا اري هذا الاختيار عند تطبيقه في خانة البحث

[@ibrahimfanan5987]

38:37 value source ?? i dont see that

[@marcosfinal]

how to prevent opening a new chat with the same user????

[@GauravSingh-zz9rf]

use conditional actions

[@sanskarchaurasia339]

@@GauravSingh-zz9rfCan you please tell me how to do that

[@irambonaclairy6724]

thanks for this work

[@techno_rohan]

Welcome

[@周贺-m3u]

Can you show me firebase rules about chats colleciton

[@techno_rohan]

Please email us

[@darka33a331n]

next time go slower, i mean god dam

[@Starman.ironman]

pls let us clone it in free i dont have money

[@techno_rohan]

Please email at [e-mail] to get a free copy.

[@AzraiHasan]

this is awesome!

[@yohanneswendemagegn1047]

you are awesome

[@unnathi7041]

Hi @techno_rohan Thanks for the video, I have purchased your clone. When user clicks on login, where does it take the user to, there is nothing in the workflow? Thanks

[@bskinfotech]

hello Roshan

[@TRUENATION-123]

ii don't have money please give me

[@Prashantindia_com]

Please make video with your own voice with no background music 🙏

[@WahiduzzamanSajid]

if my built this app more slowly and with your voice then it would be helpful for us and we could understand the things that you were showing...

[@techno_rohan]

Welcome 😊