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

[@nininshoppingwebsiteapplic3530]

thank you

[@HeyFlutter]

You are welcome, @nininshoppingwebsiteapplic3530!

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

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

[@gnyanranjanbehera]

❤

[@barziyassin1]

well done

[@HeyFlutter]

Thank you, @barzyyasin2467! 🙂

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

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

[@MrCamdere]

Thats it!

[@HeyFlutter]

Thank you, @MrCamdere! 🙂

[@user-zl8zm2re4p]

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

[@HeyFlutter]

Sure, @user-zl8zm2re4p 🙂

[@flutterquick]

🎉 100 k

[@HeyFlutter]

Yipppee, @amanuelgulilat2733! 🙂

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

[@amalashok-hm6di]

How can I get firestore database data..

[@HeyFlutter]

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

[@prasantkumar7693]

Cool.

[@HeyFlutter]

Thanks, @prasantkumar7693! 🙂

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

[@krishnarao5331]

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

[@HeyFlutter]

Thanks for your feedback, @krishnarao5331! 🙂

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

[@navneetsharma5179]

Implement group chat feature too

[@HeyFlutter]

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

[@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! 🙂

[@samo92mx]

github?

[@HeyFlutter]

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

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

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

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

[@rehnumakucukilhan2113]

github ?

[@HeyFlutter]

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