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

💾 Source Code: cutt.ly/Bw3osQ0D
💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video we will build a complete real time chat application using Flutter & Firebase. We will take a look at implementing authentication using Firebase Auth, realtime messaging using Firebase Cloud Firestore database and image uploads using Firebase Storage. We will take a look at all the fundamentals when it comes to creating complex applications using Flutter such as authentication, state management, form management, responsive design and security. Furthermore, you will get a thorough understanding of using various Widgets within Flutter such as Forms, Lists, Scaffolds, Buttons, Text, Images, Columns, Rows and a whole lot more. We will implement functionality of implementing realtime chat messaging between two users in which they can communicate through either text or images. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about Flutter & Firebase development in a comprehensive manner.
Resources:
💾 Source Code: cutt.ly/Bw3osQ0D
💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
Resources: cutt.ly/lw3ohOr6
firebase_core: pub.dev/packag...
firebase_auth: pub.dev/packag...
cloud_firestore: pub.dev/packag...
firebase_storage: pub.dev/packag...
dash_chat_2: pub.dev/packag...
firebase_analytics: pub.dev/packag...
google_fonts: pub.dev/packag...
delightful_toast: pub.dev/packag...
get_it: pub.dev/packag...
image_picker: pub.dev/packag...
path: pub.dev/packag...
Firebase: firebase.googl...
Firebase Setup Guide: firebase.googl...
Flutter Crash Course: • FULL Flutter Tutorial ...
Flutter SDK Windows Setup: • Flutter Windows Instal...
Flutter SDK MacOS Setup: • Flutter MacOS Setup Tu...
Socials:
Website: hussainmustafa...
Github: github.com/hus...
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoff...
#flutter #learnflutter #flutterfirebase #fluttertutorialforbeginners

[@leocambisaca26]

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

[@m_hussain_mustafa]

Glad it helped!

[@AliSuleman-z9j]

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.

[@m_hussain_mustafa]

Thanks a ton

[@iAmNotBot]

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

[@focusmovies4355]

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

[@m_hussain_mustafa]

You are welcome

[@moneyman-ne9lw]

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

[@m_hussain_mustafa]

I’m stocked to hear that.

[@unknownworld9815]

underrated flutter developer! LOVE THIS SOFTWARE DEVELOPER

[@m_hussain_mustafa]

Thank you very much.

[@HasnainAshfaq-r5y]

Starting Today InshAllah I will complete it Soon

[@m_hussain_mustafa]

InshAllah

[@ShivamRai-y4e]

Amazing Work !! Mustafa Sir Finally Completed it today !

[@m_hussain_mustafa]

Great. Awesome to hear that. :)

[@arnabkarmakar9292]

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]

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

[@arnabkarmakar9292]

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

[@rafaymushtaq2316]

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

[@better_notes182]

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

[@m_hussain_mustafa]

Thanks 😊

[@ShivamRai-y4e]

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]

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]

@@m_hussain_mustafa Okay Thank You for answering

[@malikasim3959]

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

[@m_hussain_mustafa]

Awesome to hear that. 👏

[@ishanjitmukhopadhyay164]

can you please share the code

[@ishanjitmukhopadhyay164]

or else give your github link

[@pranaygaming4437]

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

[@m_hussain_mustafa]

Glad to hear that!

[@MuhammadFurqan-o6z]

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

[@m_hussain_mustafa]

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

[@MHM-jy4uj]

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

[@m_hussain_mustafa]

Glad to hear that!

[@Andy-su9tn]

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]

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

[@Andy-su9tn]

@@m_hussain_mustafa excellent ☺️

[@robinwarrot1596]

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]

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]

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

[@MrIMacro]

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]

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]

I cant help you connect to firebase .

[@riteshraut5805]

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

[@idrisisholaagboola8676]

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.

[@m_hussain_mustafa]

Yes you can.

[@h.m.zaheerasghar1067]

most comprehensive and detailed tutorial

[@m_hussain_mustafa]

Thank you. :)

[@dpxy1599]

I am going to make this and add in my resume

[@m_hussain_mustafa]

Great and best of luck 👍

[@helinaras8664]

Dude you literally saved my life, no joke

[@m_hussain_mustafa]

Awesome to hear that. 😄

[@thebleez]

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!

[@shuku_yega]

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

[@m_hussain_mustafa]

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

[@AneesDahot]

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

[@m_hussain_mustafa]

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

[@unknownworld9815]

YOUR THE BEST IN FLUTTER

[@m_hussain_mustafa]

Thanks :)

[@azharshariffindia5082]

Excellent tutorial man❤

[@m_hussain_mustafa]

Thank you.

[@robinwarrot1596]

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]

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]

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

[@rlt_app]

This is exactly what I was looking for!

[@m_hussain_mustafa]

Great to hear that.

[@villagepets3146]

Super Do one video on firebase and awesome notifications

[@m_hussain_mustafa]

Hi, Will try to create a video on this topic.

[@sandeepa6140]

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?

[@xzatech]

Love your style of presentation

[@m_hussain_mustafa]

Thank you 😊

[@gowthamd8959]

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]

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.

[@ANUSHANAIK-ks4ec]

Can this app run on an ios device?

[@m_hussain_mustafa]

Yes it can.

[@sudeep1608]

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

[@sudeep1608]

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

[@m_hussain_mustafa]

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

[@Mhmd_SHA]

Just Completed this one, Learnt alot. Thanks

[@m_hussain_mustafa]

Happy to hear that. Thanks.

[@ShivamRai-y4e]

We want more firebase content !

[@m_hussain_mustafa]

Hopefully more to come soon!

[@RonyHassan47]

Woww. Great. Fully functional app ❤❤❤

[@m_hussain_mustafa]

Yea isn't it awesome. Thanks for supporting.

[@juancarlosaguilarlopez9252]

Amazing! This is indeed a high quality tutorial!

[@m_hussain_mustafa]

Thank you very much.

[@Super_Motiviation_G]

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]

Whichever one you want to run the app on.

[@victoretaduovie4030]

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

[@vyshuz123]

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

[@m_hussain_mustafa]

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

[@villagepets3146]

Provider statement manegement is better

[@astitvaarya41]

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

[@m_hussain_mustafa]

Haha you're welcome 😊

[@ishanjitmukhopadhyay164]

can you pls share the code

[@m_hussain_mustafa]

@@ishanjitmukhopadhyay164 Link to the source code is in the description.

[@muhammadhassan4289]

what are your macbook specifications bro??

[@m_hussain_mustafa]

I have a MacBook Pro M1.

[@muhammadhassan4289]

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

[@ishanjitmukhopadhyay164]

idk why the data is not storing in firebase database

[@m_hussain_mustafa]

Any error logs? you could share?

[@ridabrahim7604]

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

[@m_hussain_mustafa]

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.

[@ridabrahim7604]

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

[@sudeep1608]

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?

[@arijitdn]

Thanks man

[@m_hussain_mustafa]

You're welcome 😊

[@Jiayoujiayoulalalla]

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

[@m_hussain_mustafa]

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.

[@MuhammadAhmad-zc1il]

Need a video on Bluetooth communication 😢

[@m_hussain_mustafa]

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

[@sanazetawi1292]

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

[@m_hussain_mustafa]

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]

@@m_hussain_mustafa thanks 😊

[@dipakbar1985]

sir,some error occured can you please help me?

[@MohamedAbshirKarie]

thank you man

[@m_hussain_mustafa]

You're welcome 😊

[@labiqa12]

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

[@labiqa12]

can u please help

[@victorozigbu1594]

heyyy Hussain my chat messages keeps on returning empty

[@m_hussain_mustafa]

In firebase do your messages have content in them?

[@victorozigbu1594]

@@m_hussain_mustafa yes, thank you i just resolved it

[@movieshamster-m]

Chat aur message page ki coding?

[@muhammad_haseeb_pk]

video ky inder hi hai

[@sreenathtp12]

how get the current logged user profile picture and name

[@m_hussain_mustafa]

The firebase auth package documentation will have details for this.

[@deepaksharma5831]

IgnoredLeaks error show in my output

[@m_hussain_mustafa]

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

[@deepaksharma5831]

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

Plz help me

[@bicff7982]

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]

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

[@thebleez]

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

[@ZaryabOfficial-u4v]

how to delete message??

[@FelixIreri-qq2pn]

amazing

[@m_hussain_mustafa]

Thanks.

[@deepaksharma5831]

NotGCed error in my code

[@m_hussain_mustafa]

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

[@sreenathtp12]

thanks broo 😇

[@m_hussain_mustafa]

Welcome 😊

[@arunkashyap3527]

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

[@m_hussain_mustafa]

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

[@arunkashyap3527]

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

[@arunkashyap3527]

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

[@m_hussain_mustafa]

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

[@arunkashyap3527]

@@m_hussain_mustafa oh hell nah

[@huynhphuso]

Please help me file chat.dart !

[@m_hussain_mustafa]

Hi, what issue are you facing?

[@waynedev7734]

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]

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!

[@m_hussain_mustafa]

Hi, in the description under the Resources heading there is the Resources link.

[@muhammadkoyathangal1975]

❤ thanks