Flutter Firebase Course | Realtime Chat App Using Firebase & Flutter Tutorial

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 175

  • @unknownworld9815
    @unknownworld9815 5 місяців тому +3

    underrated flutter developer! LOVE THIS SOFTWARE DEVELOPER

  • @moneyman-ne9lw
    @moneyman-ne9lw 10 місяців тому +1

    I'm blown away by the depth of this tutorial. Awesome job bro.

  • @AliSuleman-z9j
    @AliSuleman-z9j 6 місяців тому +2

    Honestly speaking Hussain, I saw many videos but couldn't find such deeply explained video like this. You have taught the process completely covering every concept. Really appreciate your eloquent style of delivery.
    Hats of to you. Excellent Job. Keep doing the amazing work.

  • @triple3way
    @triple3way Місяць тому +2

    Thanks!

  • @leocambisaca26
    @leocambisaca26 5 місяців тому +2

    After a couple of weeks I finally finished your video, thank you so much for the tutorial, i feel like I learnt alot :)

  • @better_notes182
    @better_notes182 8 місяців тому +1

    You are a gem dude! Havn't even finished the video and I already know it's awesome! Keep doing what you do ❤

  • @ShivamRai-y4e
    @ShivamRai-y4e 6 місяців тому +1

    Amazing Work !! Mustafa Sir
    Finally Completed it today !

  • @MHM-jy4uj
    @MHM-jy4uj 10 місяців тому +2

    You make complex concepts seem so simple. Thanks man. 😀

  • @malikasim3959
    @malikasim3959 6 місяців тому

    Thanks Man. That's the only tutorial for me that actually has compiled and run devices after spending hours. Else I'm left with leaving it. Keep Sharing

  • @thebleez
    @thebleez 3 місяці тому +4

    I noticed that the link to the source code is saying 404 not found. Could you please help me out and renew it? Thanks a bunch!

  • @rafaymushtaq2316
    @rafaymushtaq2316 4 місяці тому +1

    Great work! this tutorial helps lot. I think you should make the part 2 for the group chat, voice messages and the push notifications.

  • @luffy-biggun
    @luffy-biggun 5 місяців тому +2

    Very good video, could follow code easily thanks for the tutorial appreciate it!

  • @bensosfrequents
    @bensosfrequents 19 годин тому +1

    Hello Hussain, thanks once again, I have learned a lot from your tutorial. You however overlooked the idea of notifications, for example, let's say when you are sending the message the user isn't in the chat room, they need to get notified or some from of showing notification. Thank you

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 годин тому

      You're right! I'll have to make a separate video on notifications.

  • @helinaras8664
    @helinaras8664 7 місяців тому +1

    Dude you literally saved my life, no joke

  • @focusmovies4355
    @focusmovies4355 3 місяці тому +3

    It's vary Useful video too learning flutter and firebase very very thank you ❤

    • @m_hussain_mustafa
      @m_hussain_mustafa  3 місяці тому

      You are welcome

    • @ananyaejain2525
      @ananyaejain2525 3 місяці тому

      bro can you send me schema of chat.dart. The link to source code is not working

  • @h.m.zaheerasghar1067
    @h.m.zaheerasghar1067 6 місяців тому +1

    most comprehensive and detailed tutorial

  • @rlt_app
    @rlt_app 10 місяців тому

    This is exactly what I was looking for!

  • @unknownworld9815
    @unknownworld9815 5 місяців тому +1

    YOUR THE BEST IN FLUTTER

  • @azharshariffindia5082
    @azharshariffindia5082 7 місяців тому +2

    Excellent tutorial man❤

  • @HasnainAshfaq-r5y
    @HasnainAshfaq-r5y 6 місяців тому +2

    Starting Today InshAllah I will complete it Soon

  • @juancarlosaguilarlopez9252
    @juancarlosaguilarlopez9252 9 місяців тому

    Amazing! This is indeed a high quality tutorial!

  • @labiqa12
    @labiqa12 6 місяців тому

    Hi iam getting the error at vedio timig 17:56
    Type 'TestDefaultBinaryMessengerBinding' not found.

    • @labiqa12
      @labiqa12 6 місяців тому

      can u please help

  • @RonyHassan47
    @RonyHassan47 10 місяців тому

    Woww. Great. Fully functional app ❤❤❤

  • @arnabkarmakar9292
    @arnabkarmakar9292 9 місяців тому

    Tutorial is good. I've learn lots of thing. But the only thing which I need that, order the chat list (in your case home screen) based on the recent unread messages as in whatsapp.

    • @m_hussain_mustafa
      @m_hussain_mustafa  9 місяців тому

      Hi,
      This is not going to be easy to implement with the current logic we have for implementing chats between two users.

    • @arnabkarmakar9292
      @arnabkarmakar9292 9 місяців тому

      @@m_hussain_mustafa can we expect a new video on this topic 😁?

  • @ShivamRai-y4e
    @ShivamRai-y4e 6 місяців тому +1

    We want more firebase content !

  • @xzatech
    @xzatech 9 місяців тому +1

    Love your style of presentation

  • @robinwarrot1596
    @robinwarrot1596 6 місяців тому +1

    To further improve on this app, if we want a really good design for the chat, and also add more complex chat functionalities (replying to messages, adding emojis, preview an image with a delete option before sending it, sending a voice message...), would you advise us to look into other packages, and if so, would you advise flutter_chat_ui, chatview or another one?
    Thanks!

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 місяців тому

      Hi, The current package we use in the video has all the required functionality baked into it. It supports displaying audio messages, emjois, as well as the ability to delete chat messages. You'll just have to link the business logic.

    • @robinwarrot1596
      @robinwarrot1596 6 місяців тому

      @@m_hussain_mustafa oh okay, it might be because I didn't find any documentation on it then (for example for the voice message display, or the emoji reaction to a message).
      Would you know any place where I or other viewers could find these? (I don't see those 2 features in the DashChat official doc)
      Thanks a lot.

  • @shuku_yega
    @shuku_yega 10 місяців тому +2

    Hey brother, could you talk about deep linking in flutter...I find this topic to be very difficulty

    • @m_hussain_mustafa
      @m_hussain_mustafa  9 місяців тому +1

      Hi,
      I cannot guarantee but I will try my best to create a tutorial on this topic.

  • @sudeep1608
    @sudeep1608 7 місяців тому

    My app is getting crashed on navigation to signup page and showing exception on invalid mail and password only when running through debug console but the app works perfectly in Terminal using flutter run .Can I know what may the issue?

  • @dpxy1599
    @dpxy1599 6 місяців тому +1

    I am going to make this and add in my resume

  • @gowthamd8959
    @gowthamd8959 8 місяців тому +1

    When both the users send message alternatively less than a minute the order is changing ....
    That is the message of user 2 is displayed above the message of user 1 but it should be vice Versa ....
    Can you say the reason please and how to sort them...

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому

      Hi,
      I guess this has something to do with the message timestamps. I'd recommend taking a look into how the timestamps are being represented and maybe that'll take you to the root cause of the problem.

  • @Mhmd_SHA
    @Mhmd_SHA 7 місяців тому +1

    Just Completed this one, Learnt alot.
    Thanks

  • @raj2902patel
    @raj2902patel 2 місяці тому

    Brother I am getting error all working perfectlly user send message then it's send but receiver not receive that message

  • @muhammadaadil7760
    @muhammadaadil7760 2 місяці тому

    Bro I am getting problem in Firebase database.. Messages are not shown in my database even though I have copied the code exacty.

  • @MuhammadFurqan-o6z
    @MuhammadFurqan-o6z 8 місяців тому +1

    thanks man.kindly make a toutorial on implementing audio and video call functionality👀

  • @ShakilKhan-pe4rc
    @ShakilKhan-pe4rc 3 місяці тому +1

    Cannot find the source code its showing some error 404

  • @ShivamRai-y4e
    @ShivamRai-y4e 6 місяців тому +1

    Can you please add the prerequisite for any course you make ? That would be huge help
    Thank you for this amazing tutorial ...please keep posting it helps a lot

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 місяців тому +1

      Hi, what do you mean by prerequisites? Usually all the courses I create fall in the category of catering to beginner and intermediate developers.

    • @ShivamRai-y4e
      @ShivamRai-y4e 6 місяців тому

      @@m_hussain_mustafa Okay Thank You for answering

  • @bensosfrequents
    @bensosfrequents 14 днів тому

    This is very nice and informative tutorial. I have learned a lot and this will be my footprint on my ongoing project. I only have one problem though? I have more than 5000 data in firestore. I want a way, such that I can paginate or implement load more to save on resources and increase UX, does anyone know how to use limit when fetching docs from a collection? Like can I load 10 items first, then when a user reaches the end I load another 10 items, and so on till the end. Thank you so much and kind regards.

    • @m_hussain_mustafa
      @m_hussain_mustafa  14 днів тому

      This what you described can be achieved using Pagination.

  • @MrIMacro
    @MrIMacro 9 місяців тому +1

    Nice, a lot to learn. Two questions please:
    If i buy the source code, do i have to connect it to my firebase account?
    What is the maximum number of users this app can take?

    • @m_hussain_mustafa
      @m_hussain_mustafa  9 місяців тому

      Hi,
      Yes you would still have to connect your own Firebase project, moreover this is not a commercial grade chat application so I would not recommend deploying it in production as is.

    • @huynhphuso
      @huynhphuso 8 місяців тому

      I cant help you connect to firebase .

  • @villagepets3146
    @villagepets3146 9 місяців тому +1

    Super
    Do one video on firebase and awesome notifications

  • @idrisisholaagboola8676
    @idrisisholaagboola8676 7 місяців тому +1

    I appreciate you sharing this amazing tutorial with us. I have a question: can I create my own Singleton class instead of using the get_id package? My reason is that I want to minimize the number of libraries used in the project.

  • @Andy-su9tn
    @Andy-su9tn 6 місяців тому +1

    Hi how are things. I have been watching your videos and they are excellent. You could make a video tutorial of an example of a Blog app or similar where the bloc pattern could be implemented with firebase, basic functions such as (Create data, Get data, Update data, delete data, among others). 👍

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 місяців тому

      Thanks for the suggestion will try to create a video on this topic. :)

    • @Andy-su9tn
      @Andy-su9tn 5 місяців тому

      @@m_hussain_mustafa excellent ☺️

  • @sandeepa6140
    @sandeepa6140 4 місяці тому

    I have a problem with login page ,there is always show password is incorrect .I checked the my password few times but error is not fix?what is the problem there?

  • @MDSHOAIBAHMED-k8y
    @MDSHOAIBAHMED-k8y 2 місяці тому

    please create more application tutorials

  • @sudeep1608
    @sudeep1608 7 місяців тому +2

    I encountered an exception while attempting to log in with an invalid email and incorrect password

    • @sudeep1608
      @sudeep1608 7 місяців тому

      Exception has occurred.
      FirebaseAuthException ([firebase_auth/invalid-credential] The supplied auth credential is incorrect, malformed or has expired.)

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 місяців тому +1

      Hi, Firebase throws an exception by design for an invalid email/password combination, you'll have to catch and properly address this issue.

  • @astitvaarya41
    @astitvaarya41 6 місяців тому +1

    And that's preety much that we have to do.
    Thanks xD

  • @Aimenxo
    @Aimenxo 3 місяці тому

    Which state management is used?

  • @riteshraut5805
    @riteshraut5805 7 місяців тому

    Loved your teaching❤.But I have a doubt= How can we make other user available in chat only after searching their name using search bar

  • @ANUSHANAIK-ks4ec
    @ANUSHANAIK-ks4ec 5 місяців тому +2

    Can this app run on an ios device?

  • @muhammadhassan4289
    @muhammadhassan4289 8 місяців тому +1

    what are your macbook specifications bro??

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому

      I have a MacBook Pro M1.

    • @muhammadhassan4289
      @muhammadhassan4289 8 місяців тому

      @@m_hussain_mustafa thats wonderful, please add push notifications in this project as i am trying that since last 1.5 months for a freelance project but i am not able to add automated push notifications in it.

  • @sanazetawi1292
    @sanazetawi1292 8 місяців тому +1

    hi, i'm need to send video in chat, the way to do this is same as image?

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому

      Yes it's almost the same logic just a few changes. For the video you'd have to display a widget capable for playing a video. And for the message you save in firestore save the video url as content of message.

    • @sanazetawi1292
      @sanazetawi1292 8 місяців тому

      @@m_hussain_mustafa thanks 😊

  • @arijitdn
    @arijitdn 6 місяців тому +1

    Thanks man

  • @vyshuz123
    @vyshuz123 10 місяців тому

    Hi I'm a beginner...which state management should i learn 1st?

    • @m_hussain_mustafa
      @m_hussain_mustafa  10 місяців тому

      Hi,
      I think beginner should learn Stateful, and Stateless Widgets and InheritedWidgets.

    • @villagepets3146
      @villagepets3146 9 місяців тому

      Provider statement manegement is better

  • @ishanjitmukhopadhyay164
    @ishanjitmukhopadhyay164 6 місяців тому +1

    idk why the data is not storing in firebase database

  • @AneesDahot
    @AneesDahot 10 місяців тому

    Kindly also make a video for Push Notification, like if we want to send notification to different users or different roles.

    • @m_hussain_mustafa
      @m_hussain_mustafa  10 місяців тому +1

      Hi,
      I will try my best to create a tutorial on this topic.

  • @robinwarrot1596
    @robinwarrot1596 6 місяців тому

    Hi, thanks a LOT for the tutorial, you explained very well and it was really well stuctured/explained!!
    Just a quick question: is there a reason why we create different GetIt instances in every file (unless I'm mistaken), instead of importing for example one instance from the main class everytime?
    (I know it works ofc as that's what GetIt is made for from what I understood, but I would be interested in the reasoning behind, as it would seem easier to read for me. Thanks !)

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 місяців тому +1

      Hi, Thanks for the comment. Get It is basically a simple Service Locator. In the app we build we basically only register our services once using GetIt register function. Everywhere else we just access the same instance by using Getit get function, we do not create a new instance. We could've done the same by using singleton pattern but that is something that I and a lot of industry experts suggest to steer away from. Hope this helps. :)

    • @robinwarrot1596
      @robinwarrot1596 6 місяців тому

      @@m_hussain_mustafa okay that's very clear, thanks a lot for taking the time to reply!

  • @iAmNotBot
    @iAmNotBot 4 місяці тому +1

    well very well sir ,one humble request , could you please add subtitles, your accent is mix of American, British and Pakistan accents of english , it makes really hard to watch this video in speeds other than 1X

  • @MohamedAbshirKarie
    @MohamedAbshirKarie 7 місяців тому +1

    thank you man

  • @tirthbhanderi9328
    @tirthbhanderi9328 17 днів тому

    does anyone have source code the link in description is not working

  • @FelixIreri-qq2pn
    @FelixIreri-qq2pn 7 місяців тому +1

    amazing

  • @victorozigbu1594
    @victorozigbu1594 6 місяців тому +1

    heyyy Hussain my chat messages keeps on returning empty

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 місяців тому

      In firebase do your messages have content in them?

    • @victorozigbu1594
      @victorozigbu1594 6 місяців тому

      @@m_hussain_mustafa yes, thank you i just resolved it

  • @dipakbar1985
    @dipakbar1985 6 місяців тому

    sir,some error occured can you please help me?

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 9 місяців тому

    how to update the profile image ? and user details? in this project? can you briefly talk about it?

    • @m_hussain_mustafa
      @m_hussain_mustafa  9 місяців тому

      Hi,
      I believe the concepts required to implement functionality for updating user profile picture or details have already been covered in the video. It would just be using the same concepts to achieve a different result, the video was already 4 hours long and I also cant update the video once it's published so for now your best bet would be to google the problem you have and then try to combine knowledge learned from here with information you find elsewhere.

  • @sreenathtp12
    @sreenathtp12 7 місяців тому

    how get the current logged user profile picture and name

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 місяців тому

      The firebase auth package documentation will have details for this.

  • @sreenathtp12
    @sreenathtp12 7 місяців тому

    thanks broo 😇

  • @deepaksharma5831
    @deepaksharma5831 8 місяців тому +1

    IgnoredLeaks error show in my output

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому

      I have no idea what this error could be without additional information.

    • @deepaksharma5831
      @deepaksharma5831 8 місяців тому

      ../../../.pub-cache/hosted/pub.dev/leak_tracker_testing-2.0.3/lib/src/leak_testing.dart:180:35: Error: The getter 'notGCed' isn't defined for the class 'IgnoredLeaks'.
      - 'IgnoredLeaks' is from 'package:leak_tracker/src/leak_tracking/primitives/model.dart' ('../../../.pub-cache/hosted/pub.dev/leak_tracker-10.0.5/lib/src/leak_tracking/primitives/model.dart').
      Try correcting the name to the name of an existing getter, or defining a getter or field named 'notGCed'.
      var newNotGCed = ignoredLeaks.notGCed.track([...notGCed, ...classes]);
      ^^^^^^^
      Target kernel_snapshot failed: Exception
      FAILURE: Build failed with an exception.
      * What went wrong:
      Execution failed for task ':app:compileFlutterBuildDebug'.
      > Process 'command '/Users/merger/Devlopment/flutter/bin/flutter'' finished with non-zero exit value 1
      * Try:
      > Run with --stacktrace option to get the stack trace.
      > Run with --info or --debug option to get more log output.
      > Run with --scan to get full insights.

    • @deepaksharma5831
      @deepaksharma5831 8 місяців тому

      Plz help me

  • @bicff7982
    @bicff7982 9 місяців тому +2

    Please give me your source code, your source code link is not accessible, hope you can upload it to github,Please Please

    • @m_hussain_mustafa
      @m_hussain_mustafa  9 місяців тому

      Hi,
      Hi,
      I checked and the source code link in description is working.

  • @deepaksharma5831
    @deepaksharma5831 8 місяців тому +1

    NotGCed error in my code

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому

      I do not have any idea, just by this error snippet.

  • @mohamedkhaled-t6j
    @mohamedkhaled-t6j 2 місяці тому

    why your delete resources

  • @MuhammadAhmad-zc1il
    @MuhammadAhmad-zc1il 10 місяців тому

    Need a video on Bluetooth communication 😢

    • @m_hussain_mustafa
      @m_hussain_mustafa  10 місяців тому +1

      Hi,
      I abbot guarantee buy I'll try to create a video on this topic.

  • @ZaryabOfficial-u4v
    @ZaryabOfficial-u4v 8 місяців тому

    how to delete message??

  • @movieshamster-m
    @movieshamster-m 4 місяці тому

    Chat aur message page ki coding?

  • @arunkashyap3527
    @arunkashyap3527 10 місяців тому

    hlo brother i stuck into a problem can you please fix it for me

    • @m_hussain_mustafa
      @m_hussain_mustafa  10 місяців тому

      Hi,
      Is it related to this video or the other tutorials I have?

    • @arunkashyap3527
      @arunkashyap3527 10 місяців тому

      @@m_hussain_mustafa brother i am working on a project it's related to that

    • @arunkashyap3527
      @arunkashyap3527 10 місяців тому

      no brother i am working on a project in that i stuck

    • @m_hussain_mustafa
      @m_hussain_mustafa  10 місяців тому

      @@arunkashyap3527 Hi I’d recommend scheduling a meeting with me if you require detailed help. The link to that is on the description.

    • @arunkashyap3527
      @arunkashyap3527 10 місяців тому

      @@m_hussain_mustafa oh hell nah

  • @Super_Motiviation_G
    @Super_Motiviation_G 7 місяців тому

    Connected devices:
    Windows (desktop) • windows • windows-x64 • Microsoft Windows [version 10.0.19045.4412]
    Chrome (web) • chrome • web-javascript • Google Chrome 125.0.6422.142
    Edge (web) • edge • web-javascript • Microsoft Edge 125.0.2535.85
    [1]: Windows (windows)
    [2]: Chrome (chrome)
    [3]: Edge (edge)
    Please choose one (or "q" to quit): q what should I choose

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 місяців тому

      Whichever one you want to run the app on.

    • @victoretaduovie4030
      @victoretaduovie4030 7 місяців тому

      those are the devices connected to your device. you just need to use your mouse cusor to select one

  • @thebleez
    @thebleez 3 місяці тому

    2:16:26 (watched til here will watch it to last tomorrow)

    • @SuryaN-q6r
      @SuryaN-q6r 3 місяці тому

      Did you watch the remaining dude!!

  • @huynhphuso
    @huynhphuso 8 місяців тому +1

    Please help me file chat.dart !

  • @balaji8781
    @balaji8781 28 днів тому

    No one is going to talk about the storage that is paid?

  • @rida_brahim
    @rida_brahim 8 місяців тому +2

    Great tutorial, but i think a tutorial on using a different approach would be great, not everything supposed to be firebase

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 місяців тому +1

      Hi,
      Thanks for the comment. I plan to release other tutorials using other services such as Supabase or Appwrite etc. Be on the lookout for those.

    • @rida_brahim
      @rida_brahim 8 місяців тому

      @@m_hussain_mustafa I'm hooked, I'm new to the field and I'm planning to build lot's of things, looking forward for more content from you

  • @muhammadkoyathangal1975
    @muhammadkoyathangal1975 9 місяців тому +1

    where is the link to the models chat.dart, message.dart, consts.dart i can't find it in the description. any one help me please!

  • @waynedev7734
    @waynedev7734 7 місяців тому

    Good tutorial, but is there anyone experiencing this issue -> E/flutter (10015): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Invalid argument: Instance of 'MessageType'