Flutter Course: Firebase Chat App

Watch this whole Flutter & Firebase Course to learn how to create a Flutter Chat App that uses Firestore and Firebase Storage.
Source Code: drive.google.com/file/d/1lQj_...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Twitter: / heyflutter_
Facebook: / heyflutter
Instagram: / heyflutter_
LinkedIn: / heyflutter
Website: heyflutter.com
Lessons:
00:00 Introduction
00:38 Users Screen UI
02:37 Create and Read Operation
04:47 Chat Screen UI
09:59 Create Operation - Messages
13:40 Read Operation - Messages
17:51 Update Operation - User Data
20:57 Search User
23:54 FCM Push Notification
#Flutter #Tutorial #HeyFlutter
Thanks For Watching :-)

[@HeyFlutter]

👉Join 12 Week Flutter Training: heyflutter.com 👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f Source Code: drive.google.com/file/d/1lQj_DB58Ijulq-lpUZQe9u0N1jwe8KxS/view?usp=sharing

[@eNONO-ot4zh]

Thank u 👍. Gog job

[@HeyFlutter]

Glad you liked it, @eNONO-ot4zh 😀

[@situansitus]

Can you explain about exporting Excel from Flutter using Excel dependencies, please

[@HeyFlutter]

Thanks for the idea @situansitus 😀, i have added it in my list of future videos

[@mobiledev619]

how can make overlay can be use it as global on all app screen without pass build context argument

[@HeyFlutter]

Thank You @mobiledev619! Follow this link: stackoverflow.com/questions/75257867/how-can-i-show-overlay-on-top-of-the-whole-app-in-flutter I hope you will get your answer 🙂

[@nininshoppingwebsiteapplic3530]

thank you

[@HeyFlutter]

You are welcome, @nininshoppingwebsiteapplic3530!

[@tricaricoenrico]

hi great video. but what if I only wanted to see the list of users with whom I started a chat and not the list of all users? I tried to modify the query but extracting the docs of a subcollection always returns an empty list :(

[@HeyFlutter]

Thank You @tricaricoenrico! Follow this link: stackoverflow.com/questions/66783401/flutter-firestore-how-to-list-people-i-only-have-chat-history-with I hope you will get your answer 🙂

[@MahmudulHasan-so6du]

Make a tutorial Flutter transparent app, which background show the android default screen like overlay .

[@HeyFlutter]

Thanks for the idea @MahmudulHasan-so6du 😀, i have added it in my list of future videos

[@haiderjaafer8164]

How to show notifications count in app icon when new notification coming

[@HeyFlutter]

Thank You @haiderjaafer8164! Follow this link: www.fluttercampus.com/guide/274/show-notification-counter-badge-on-app-icon-flutter/#:~:text=Note%3A%20Don't%20forget%20to,AwesomeNotifications(). I hope you will get your answer 🙂

[@barziyassin1]

well done

[@HeyFlutter]

Thank you, @barzyyasin2467! 🙂

[@exeshka]

On the contact page, how can I get the latest message which will also be updated? help me please ( google translate )

[@HeyFlutter]

Thank you, @exeshka! 🙂. Please try to provide enough details with your question.

[@user-zl8zm2re4p]

thx sir ! , can i study this chapter. i'm beginner . lets go tothe studiee.

[@HeyFlutter]

Sure, @user-zl8zm2re4p 🙂

[@zekaidemir9304]

Thanks for this tutorial. Where is the source codes?

[@HeyFlutter]

Source Code: drive.google.com/file/d/1lQj_DB58Ijulq-lpUZQe9u0N1jwe8KxS/view?usp=sharing

[@zekaidemir9304]

Thank you so much@@HeyFlutter

[@justadreamerfl]

On what Dart version are you?

[@HeyFlutter]

Hey, @justadreamerfl 🙂 while making of this video it waw 3.0 but you can go with the latest one.

[@krishnarao5331]

up to 4:00 time i, did everything, just like you but I'm not getting the blank screen

[@mobiledevloperroadtopro]

Need on main Widget build(BuildContext context) { return // ChangeNotifierProvider( // create: (BuildContext context) { // FirebaseProvider(); // }, // child: need write on main

[@krishnarao5331]

@@mobiledevloperroadtopro i did bro, still im not getting the excepted output. may be i'm bit confused about he created the collections and documents in firebase

[@mobiledevloperroadtopro]

@@krishnarao5331 Future main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp( options: const FirebaseOptions( apiKey: "your key", appId: "your key", messagingSenderId: "your key", projectId: "your key"), ); runApp(MultiProvider(providers: [ ChangeNotifierProvider(create: (context) => FirebaseProvider(),) ], child: const App())); }

[@HeyFlutter]

Great, Thank you @mobiledevloperroadtopro!

[@prasantkumar7693]

Cool.

[@HeyFlutter]

Thanks, @prasantkumar7693! 🙂

[@amalashok-hm6di]

How can I get firestore database data..

[@HeyFlutter]

Thank you, @amalashok-hm6di! 🙂. Please try to provide enough details with your question

[@mzzzz3]

how come you don't use cloud functions?

[@HeyFlutter]

Hey, @michaelsigler13 🙂 could functions can be used in scenarios like: 1. You want to perform security checks. 2. You want to make sure correct data is stored in db. 3. Or for some tasks that you don't want to execute on frontend side.

[@krishnarao5331]

u didn't mentioned, how to upload the data 2:40

[@HeyFlutter]

Thanks for your feedback, @krishnarao5331! 🙂

[@gnyanranjanbehera]

❤

[@navneetsharma5179]

Implement group chat feature too

[@HeyFlutter]

Thanks for the idea, @navneetsharma5179! 🙂 I have added it to my list of ideas for future videos!

[@MrCamdere]

Thats it!

[@HeyFlutter]

Thank you, @MrCamdere! 🙂

[@Krishnaprasad_K_S]

How to detect incoming calls with flutter application?

[@HeyFlutter]

Thank You @Krishnaprasad_K_S! Follow this link: pub.dev/packages/flutter_incoming_call I hope you will get your answer 🙂

[@Krishnaprasad_K_S]

​@@HeyFlutterHello HeyFlutter team! First and foremost, a big thank you for your fantastic work and the resources you provide to the Flutter community. Your expertise has been incredibly helpful. I have a question regarding Dart's log and print functions. Can you please explain the main differences between these two when it comes to logging and debugging in Dart? Your insights would be greatly appreciated!

[@Krishnaprasad_K_S]

​@@HeyFlutterI have a question on how can I access a returned value from a function which access incoming calls with the help of phone_state_background package.

[@ashiqnuaiman]

Firebase Cloud Messaging API will be deprecated soon, please publisha tutorial on Firebase Messaging API v1

[@HeyFlutter]

Thanks for the idea, @nuaimanashiq4251! 🙂 I have added it to my list of ideas for future videos!

[@krishnarao5331]

that background music 😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨😮‍💨

[@HeyFlutter]

Thank you, @krishnarao5331! 🙂

[@peterparker8548]

Please post a long video, without interruptions! I don't understand

[@HeyFlutter]

Thanks for the idea, @peterparker8548! 🙂 I have added it to my list of ideas for future videos!

[@flutterquick]

🎉 100 k

[@HeyFlutter]

Yipppee, @amanuelgulilat2733! 🙂

[@sumitmishra3864]

it is not complete tutorial. Will you upload in parts

[@HeyFlutter]

Thanks for the idea @sumitmishra3864 😀, i have added it in my list of future videos

[@samo92mx]

github?

[@HeyFlutter]

Source Code: drive.google.com/file/d/1lQj_DB58Ijulq-lpUZQe9u0N1jwe8KxS/view?usp=sharing

[@karanmalhotra1858]

this lists every users available. i want to show only that users with whom i have talked

[@HeyFlutter]

Thank You @karanmalhotra1858! Follow this link: stackoverflow.com/questions/73670676/flutter-firestore-how-to-show-the-list-of-people-i-have-recently-chat-with I hope you will get your answer 🙂

[@rehnumakucukilhan2113]

github ?

[@HeyFlutter]

Source Code: drive.google.com/file/d/1lQj_DB58Ijulq-lpUZQe9u0N1jwe8KxS/view?usp=sharing