Build Chat App without Coding | FlutterFlow Chat App Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 91

  • @WahiduzzamanSajid
    @WahiduzzamanSajid ปีที่แล้ว +9

    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...

  • @mrmatingamer8903
    @mrmatingamer8903 ปีที่แล้ว +24

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

  • @derekschlabach2795
    @derekschlabach2795 ปีที่แล้ว +14

    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

  • @BaneBobbyBro
    @BaneBobbyBro 9 หลายเดือนก่อน +1

    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.

  • @trackyourtalent
    @trackyourtalent ปีที่แล้ว +6

    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
    @ALADEABRAHAM ปีที่แล้ว +1

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

  • @carmanager6269
    @carmanager6269 ปีที่แล้ว +3

    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
      @BEAT_GRATIS_USO_PROFISSIONAL 11 หลายเดือนก่อน +1

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

    • @marcosfinal
      @marcosfinal 7 หลายเดือนก่อน +1

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

  • @aliroshdy1390
    @aliroshdy1390 ปีที่แล้ว +4

    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
      @afokeakpomiemie796 ปีที่แล้ว +1

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

  • @GauravSingh-zz9rf
    @GauravSingh-zz9rf 7 หลายเดือนก่อน +1

    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

  • @CELAL_and_ASIF
    @CELAL_and_ASIF 2 หลายเดือนก่อน

    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

  • @weak_ties
    @weak_ties ปีที่แล้ว +3

    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
      @afokeakpomiemie796 ปีที่แล้ว +2

      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
    @Ghazali11Gaming 11 หลายเดือนก่อน

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

  • @kevinp9110
    @kevinp9110 ปีที่แล้ว +1

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

  • @stigfingers9599
    @stigfingers9599 ปีที่แล้ว +2

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

    • @techno_rohan
      @techno_rohan  ปีที่แล้ว

      Can you please mention the timestamp?

  • @alfredogodoy2599
    @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?

  • @Evelyn-k9t
    @Evelyn-k9t ปีที่แล้ว +2

    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
      @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
      @tremili ปีที่แล้ว

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

    • @afokeakpomiemie796
      @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
      @jmf.490 11 หลายเดือนก่อน

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

    • @jmf.490
      @jmf.490 11 หลายเดือนก่อน

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

  • @iamturbonium
    @iamturbonium ปีที่แล้ว +2

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

  • @georgekariuki6907
    @georgekariuki6907 ปีที่แล้ว +1

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

    • @afokeakpomiemie796
      @afokeakpomiemie796 ปีที่แล้ว +1

      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

  • @sondodvl225
    @sondodvl225 8 หลายเดือนก่อน

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

  • @muslimwa
    @muslimwa 4 หลายเดือนก่อน

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

  • @samiul.440
    @samiul.440 4 หลายเดือนก่อน

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

  • @SecreteConfessionTv
    @SecreteConfessionTv ปีที่แล้ว

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

  • @ДімаМарцинюк-р5д
    @ДімаМарцинюк-р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

  • @testtest-s9b
    @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!

  • @mashpet7696
    @mashpet7696 ปีที่แล้ว

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

    • @techno_rohan
      @techno_rohan  ปีที่แล้ว

      Thank you. TruChat 2.0 is coming soon!

  • @happyboss555
    @happyboss555 10 หลายเดือนก่อน

    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
      @BaneBobbyBro 9 หลายเดือนก่อน +1

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

    • @happyboss555
      @happyboss555 8 หลายเดือนก่อน

      Thank you so much I will try it@@BaneBobbyBro

  • @Evil_Yt6
    @Evil_Yt6 4 หลายเดือนก่อน

    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 🙏🏿🙏🏿😔😞😞

  • @muhammadsaqib6491
    @muhammadsaqib6491 ปีที่แล้ว

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

    • @techno_rohan
      @techno_rohan  ปีที่แล้ว

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

  • @ritwikyayayay
    @ritwikyayayay 11 หลายเดือนก่อน

    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
      @satyaschannel4391 11 หลายเดือนก่อน

      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

  • @bindasgamingyt390
    @bindasgamingyt390 ปีที่แล้ว +1

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

  • @bobbycbutcher
    @bobbycbutcher 7 หลายเดือนก่อน

    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?

  • @pasukanmerahputih4242
    @pasukanmerahputih4242 ปีที่แล้ว

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

  • @kij0te
    @kij0te 3 หลายเดือนก่อน

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

  • @mathco9126
    @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
      @afokeakpomiemie796 ปีที่แล้ว

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

  • @GhostPersih7
    @GhostPersih7 5 หลายเดือนก่อน

    My chats stay the same after firestore and dont get authentication

  • @thalespi2
    @thalespi2 ปีที่แล้ว

    Thanks mate, was looking for this!

  • @gajjuchoudary7852
    @gajjuchoudary7852 2 หลายเดือนก่อน

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

  • @unnathi7041
    @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

  • @hacknova502
    @hacknova502 10 หลายเดือนก่อน

    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

  • @stephtotes
    @stephtotes ปีที่แล้ว

    Is the video blurry for anyone else?

  • @lukeatkins9906
    @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
      @techno_rohan  ปีที่แล้ว

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

    • @lukeatkins9906
      @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
      @lukeatkins9906 ปีที่แล้ว +2

      @@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
    @manchesterutd7518 ปีที่แล้ว

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

    • @techno_rohan
      @techno_rohan  ปีที่แล้ว

      Create Cloud Functions Admin custom role

    • @manchesterutd7518
      @manchesterutd7518 ปีที่แล้ว

      @@techno_rohan how do i do that?

  • @ibrahimfanan5987
    @ibrahimfanan5987 ปีที่แล้ว

    38:37 value source ?? i dont see that

  • @irambonaclairy6724
    @irambonaclairy6724 หลายเดือนก่อน

    thanks for this work

  • @EMERSONSA2004
    @EMERSONSA2004 ปีที่แล้ว

    Excellent video 👏👏👏 You gained another subscriber.

  • @周贺-m3u
    @周贺-m3u ปีที่แล้ว

    Can you show me firebase rules about chats colleciton

  • @marcosfinal
    @marcosfinal 7 หลายเดือนก่อน

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

    • @GauravSingh-zz9rf
      @GauravSingh-zz9rf 7 หลายเดือนก่อน

      use conditional actions

    • @sanskarchaurasia339
      @sanskarchaurasia339 6 หลายเดือนก่อน

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

  • @ibrahimfanan5987
    @ibrahimfanan5987 ปีที่แล้ว

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

  • @ibrahimfanan5987
    @ibrahimfanan5987 ปีที่แล้ว

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

  • @Starman.ironman
    @Starman.ironman ปีที่แล้ว +1

    pls let us clone it in free i dont have money

    • @techno_rohan
      @techno_rohan  ปีที่แล้ว

      Please email at amsinfotech.in@gmail.com to get a free copy.

  • @darka33a331n
    @darka33a331n 5 หลายเดือนก่อน +1

    next time go slower, i mean god dam

  • @AzraiHasan
    @AzraiHasan ปีที่แล้ว

    this is awesome!

  • @yohanneswendemagegn1047
    @yohanneswendemagegn1047 ปีที่แล้ว

    you are awesome

  • @bskinfotech
    @bskinfotech ปีที่แล้ว

    hello Roshan

  • @TRUENATION-123
    @TRUENATION-123 4 หลายเดือนก่อน

    ii don't have money please give me

  • @Prashantindia_com
    @Prashantindia_com 5 หลายเดือนก่อน +1

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

  • @WahiduzzamanSajid
    @WahiduzzamanSajid ปีที่แล้ว +2

    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...