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

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 165

  • @unknownworld9815
    @unknownworld9815 3 месяца назад +3

    underrated flutter developer! LOVE THIS SOFTWARE DEVELOPER

  • @AliSuleman-z9j
    @AliSuleman-z9j 4 месяца назад +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.

  • @moneyman-ne9lw
    @moneyman-ne9lw 8 месяцев назад +1

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

  • @leocambisaca26
    @leocambisaca26 3 месяца назад +2

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

  • @malikasim3959
    @malikasim3959 5 месяцев назад

    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

  • @better_notes182
    @better_notes182 6 месяцев назад +1

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

  • @HasnainAshfaq-r5y
    @HasnainAshfaq-r5y 4 месяца назад +2

    Starting Today InshAllah I will complete it Soon

  • @ShivamRai-y4e
    @ShivamRai-y4e 4 месяца назад +1

    Amazing Work !! Mustafa Sir
    Finally Completed it today !

  • @helinaras8664
    @helinaras8664 5 месяцев назад +1

    Dude you literally saved my life, no joke

  • @focusmovies4355
    @focusmovies4355 Месяц назад +3

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  Месяц назад

      You are welcome

    • @ananyaejain2525
      @ananyaejain2525 Месяц назад

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

  • @arnabkarmakar9292
    @arnabkarmakar9292 8 месяцев назад

    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  8 месяцев назад

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

    • @arnabkarmakar9292
      @arnabkarmakar9292 8 месяцев назад

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

  • @h.m.zaheerasghar1067
    @h.m.zaheerasghar1067 5 месяцев назад +1

    most comprehensive and detailed tutorial

  • @thebleez
    @thebleez Месяц назад +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!

  • @luffy-biggun
    @luffy-biggun 3 месяца назад +2

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

  • @MHM-jy4uj
    @MHM-jy4uj 8 месяцев назад +2

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

  • @robinwarrot1596
    @robinwarrot1596 4 месяца назад +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  4 месяца назад

      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 4 месяца назад

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

  • @unknownworld9815
    @unknownworld9815 3 месяца назад +1

    YOUR THE BEST IN FLUTTER

  • @rafaymushtaq2316
    @rafaymushtaq2316 2 месяца назад

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

  • @ShivamRai-y4e
    @ShivamRai-y4e 4 месяца назад +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  4 месяца назад +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 4 месяца назад

      @@m_hussain_mustafa Okay Thank You for answering

  • @dpxy1599
    @dpxy1599 4 месяца назад +1

    I am going to make this and add in my resume

  • @MrIMacro
    @MrIMacro 7 месяцев назад +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  7 месяцев назад

      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 7 месяцев назад

      I cant help you connect to firebase .

  • @rlt_app
    @rlt_app 8 месяцев назад

    This is exactly what I was looking for!

  • @azharshariffindia5082
    @azharshariffindia5082 5 месяцев назад +2

    Excellent tutorial man❤

  • @RonyHassan47
    @RonyHassan47 8 месяцев назад

    Woww. Great. Fully functional app ❤❤❤

  • @ShivamRai-y4e
    @ShivamRai-y4e 4 месяца назад +1

    We want more firebase content !

  • @MuhammadFurqan-o6z
    @MuhammadFurqan-o6z 6 месяцев назад +1

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад

      Hi,
      I'll try to create a tutorial on this topic.

  • @shuku_yega
    @shuku_yega 8 месяцев назад +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  8 месяцев назад +1

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

  • @iAmNotBot
    @iAmNotBot 2 месяца назад +2

    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

  • @idrisisholaagboola8676
    @idrisisholaagboola8676 5 месяцев назад +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.

  • @juancarlosaguilarlopez9252
    @juancarlosaguilarlopez9252 7 месяцев назад

    Amazing! This is indeed a high quality tutorial!

  • @villagepets3146
    @villagepets3146 8 месяцев назад +1

    Super
    Do one video on firebase and awesome notifications

  • @MDSHOAIBAHMED-k8y
    @MDSHOAIBAHMED-k8y 7 дней назад

    please create more application tutorials

  • @xzatech
    @xzatech 7 месяцев назад +1

    Love your style of presentation

  • @riteshraut5805
    @riteshraut5805 5 месяцев назад

    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

  • @Mhmd_SHA
    @Mhmd_SHA 6 месяцев назад +1

    Just Completed this one, Learnt alot.
    Thanks

  • @Andy-su9tn
    @Andy-su9tn 4 месяца назад +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  4 месяца назад

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

    • @Andy-su9tn
      @Andy-su9tn 4 месяца назад

      @@m_hussain_mustafa excellent ☺️

  • @astitvaarya41
    @astitvaarya41 5 месяцев назад +1

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

  • @robinwarrot1596
    @robinwarrot1596 4 месяца назад

    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  4 месяца назад +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 4 месяца назад

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

  • @Aimenxo
    @Aimenxo Месяц назад

    Which state management is used?

  • @ShakilKhan-pe4rc
    @ShakilKhan-pe4rc Месяц назад +1

    Cannot find the source code its showing some error 404

  • @muhammadaadil7760
    @muhammadaadil7760 10 дней назад

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

  • @AneesDahot
    @AneesDahot 8 месяцев назад

    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  8 месяцев назад +1

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

  • @sandeepa6140
    @sandeepa6140 2 месяца назад

    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?

  • @raj2902patel
    @raj2902patel 10 дней назад

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

  • @sudeep1608
    @sudeep1608 5 месяцев назад

    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?

  • @gowthamd8959
    @gowthamd8959 6 месяцев назад +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  6 месяцев назад

      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.

  • @vyshuz123
    @vyshuz123 8 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 месяцев назад

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

    • @villagepets3146
      @villagepets3146 8 месяцев назад

      Provider statement manegement is better

  • @ANUSHANAIK-ks4ec
    @ANUSHANAIK-ks4ec 3 месяца назад +2

    Can this app run on an ios device?

  • @muhammadhassan4289
    @muhammadhassan4289 6 месяцев назад +1

    what are your macbook specifications bro??

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад

      I have a MacBook Pro M1.

    • @muhammadhassan4289
      @muhammadhassan4289 6 месяцев назад

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

  • @sudeep1608
    @sudeep1608 6 месяцев назад +2

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

    • @sudeep1608
      @sudeep1608 6 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад +1

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

  • @arijitdn
    @arijitdn 4 месяца назад +1

    Thanks man

  • @sanazetawi1292
    @sanazetawi1292 6 месяцев назад +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  6 месяцев назад

      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 6 месяцев назад

      @@m_hussain_mustafa thanks 😊

  • @Super_Motiviation_G
    @Super_Motiviation_G 5 месяцев назад

    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  5 месяцев назад

      Whichever one you want to run the app on.

    • @victoretaduovie4030
      @victoretaduovie4030 5 месяцев назад

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

  • @FelixIreri-qq2pn
    @FelixIreri-qq2pn 5 месяцев назад +1

    amazing

  • @labiqa12
    @labiqa12 5 месяцев назад

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

    • @labiqa12
      @labiqa12 5 месяцев назад

      can u please help

  • @ishanjitmukhopadhyay164
    @ishanjitmukhopadhyay164 4 месяца назад +1

    idk why the data is not storing in firebase database

  • @MohamedAbshirKarie
    @MohamedAbshirKarie 5 месяцев назад +1

    thank you man

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 7 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 месяцев назад

      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.

  • @victorozigbu1594
    @victorozigbu1594 4 месяца назад +1

    heyyy Hussain my chat messages keeps on returning empty

    • @m_hussain_mustafa
      @m_hussain_mustafa  4 месяца назад

      In firebase do your messages have content in them?

    • @victorozigbu1594
      @victorozigbu1594 4 месяца назад

      @@m_hussain_mustafa yes, thank you i just resolved it

  • @movieshamster-m
    @movieshamster-m 3 месяца назад

    Chat aur message page ki coding?

  • @dipakbar1985
    @dipakbar1985 5 месяцев назад

    sir,some error occured can you please help me?

  • @deepaksharma5831
    @deepaksharma5831 6 месяцев назад +1

    IgnoredLeaks error show in my output

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад

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

    • @deepaksharma5831
      @deepaksharma5831 6 месяцев назад

      ../../../.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 6 месяцев назад

      Plz help me

  • @MuhammadAhmad-zc1il
    @MuhammadAhmad-zc1il 8 месяцев назад

    Need a video on Bluetooth communication 😢

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 месяцев назад +1

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

  • @sreenathtp12
    @sreenathtp12 5 месяцев назад

    how get the current logged user profile picture and name

    • @m_hussain_mustafa
      @m_hussain_mustafa  5 месяцев назад

      The firebase auth package documentation will have details for this.

  • @mohamedkhaled-t6j
    @mohamedkhaled-t6j 9 дней назад

    why your delete resources

  • @thebleez
    @thebleez Месяц назад

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

    • @SuryaN-q6r
      @SuryaN-q6r Месяц назад

      Did you watch the remaining dude!!

  • @sreenathtp12
    @sreenathtp12 6 месяцев назад

    thanks broo 😇

  • @deepaksharma5831
    @deepaksharma5831 6 месяцев назад +1

    NotGCed error in my code

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад

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

  • @bicff7982
    @bicff7982 8 месяцев назад +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  8 месяцев назад

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

  • @ZaryabOfficial-u4v
    @ZaryabOfficial-u4v 6 месяцев назад

    how to delete message??

  • @arunkashyap3527
    @arunkashyap3527 8 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 месяцев назад

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

    • @arunkashyap3527
      @arunkashyap3527 8 месяцев назад

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

    • @arunkashyap3527
      @arunkashyap3527 8 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  8 месяцев назад

      @@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 8 месяцев назад

      @@m_hussain_mustafa oh hell nah

  • @rida_brahim
    @rida_brahim 6 месяцев назад +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  6 месяцев назад +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 6 месяцев назад

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

  • @huynhphuso
    @huynhphuso 6 месяцев назад +1

    Please help me file chat.dart !

  • @waynedev7734
    @waynedev7734 5 месяцев назад

    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'

  • @muhammadkoyathangal1975
    @muhammadkoyathangal1975 7 месяцев назад +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!