Build Flutter Chat App with Firebase Auth & Firestore Part 3/4 | Flutter Tutorial For Beginners

Learn how to build a Fully Functioning Chat App with Flutter & Firebase in 5 hours.

Ps: Everything is explained with a single prerequisite of having flutter installed and running at least the sample app that's all

📕 Things covered in this Series:
• Firebase Auth: Sign in, Sign up and Sign out
• Firebase Firestore: Upload & Retrieve data stored in Cloud Firestore
• Perform simple and compound queries in Cloud Firestore
• Building Complexe UI
• Shared Preference to keep the user logged in, Create chat room ( with username) & Send message ( by username)
• Using Stream & Stream builder

📖 Course Contents Part-3
⌨️ 00:26 Using Shared Preference to save data offline (locally)
Installing package then creating a function to save & fetch data and then using them
⌨️ 26:48 Creating Map of ChatRoom Info
⌨️ 30:23 Uploading Chat Room Info to Firebase Firestore
⌨️ 42:18 Keeping User logged in with Shared Preference
⌨️ 54:00 Facing Error: debugging

-------------------------
📙 Join 5-Day Flutter Bootcamp for Beginners
-------------------------

If this helps make sure to share it with friends and colleagues who will benefit from this

More tutorials you may like

Have questions/queries? 💬 Comment below I will be happy to help

Go to my website for more information, code examples, and articles:

Follow me on social media:

Song: Jarico - Retrovi (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

[indianappguy]

📱 Want to Learn building whole *Apps from Scratch* ?

🤩 Want to watch more *UI Design with Flutter* ?

[jorgerestrepo]

"finally we have actually done a lot of it
now let's go and make that fit"

wow man, u're the best :)

usually the code explanations are boring and I'd be about to sleep, but you come and sing a rhyme in the middle of one

[Oldiwon]

Excellent tutorial series. Good to see the reality of coding. Bug hunting is a very important part of development that is seldom seen in public. Many valuable lessons and insights here. When I had the same bug, I stopped the tutorial to try to find it myself. It made me understand the app structure and data flow much better than if it had just worked.

[GameplayLeonardo]

if you can get through part three without freaking out you are a good man

[thunderemperor]

lol last 10 mins of the I enjoyed the most because everything was working perfectly fine in my case 😜😁

[MrQooje]

Great tutorial. Very informative and entertaining at the same time.

[mafrunnisanasil]

Great videos..it helped me alot .I recommend to save username and email to sharedpreference once login is success.

[siddheshnalawade]

Thank you bro your videos helped me a lot in my flutter projects

[inevitable.]

IMPORTANT: you have to read this.

If you get an error for "Value not in range: 1",
Do these steps:

change the if statement in the getchatRoomId function to this:

if ((a.compareTo(b) > 0)) {
return '$b\_$a';
} else {
return '$a\_$b';

then, if it works but the myname constant isnt working, do this:
in the signMeUp function in signup.dart add this line:

Constants.myName =

under the two HelperFunctions statement

[rnbstarramit]

perfect tutorial ... thank you for teaching us sanskar sir even Angela yu did not cover many topics for a chat app but you did . thank you once again for teaching with good intentions . nice way of explanation but very low output of mic please changed it.

[officialismailshah]

seeing you coding gives me lot of confidence and courage, bcz I alod do alot of mistakes during coding...
#respect

[AlbertoRodriguez-oejo]

Those who disliked were not able to find anyone to chat with within the app. XD, BTW, thanks for the tutorial.

[RaviPrajapati-ihjs]

Thanks a lot bro ur explanation is very helpful for me

[AbhishekSingh-fcrx]

why are making this much effort using sharedpreferences just make a document with a unique id so that you can access them later easily .

[JohnUberbacher]

Hey Sanskar, thanks for these tutorials, what's the best way to have search bring up multiple users? For example, If I search for "Sans", how can we make it so the results return the 3 users: "Sanskar1, Sanskar2 and Sanskar3"?

[atuldubey]

Bhai iss waaale me to mai ghooom gaya gol gol LOL

[vysakhrj]

I was literally like being screamed to you to look into the saveuseremailpreference a thousand times. Cuz I've already seen even when you declared it..HaHA

[minhajulislamapu]

You are so good and confusing as well! till part 2 everything was well organized with magnificent explanation, from part 2 my experience is " Oh vai, maro mujhe maro ". I am getting confused again and again! :(

[artoniaz]

Hey,
I enjoy the series a lot and good job.
Though I haven't seen the 1st (I didnt need thispart of the app), congrats on the sec video.

This one is focused too much on debugging imo. I wonder why did you decide on those shared preferences? I had problems with that too so I switch for provider.

Also, I've noticed you're getting some wornings when you click on input. Why is that?

Lastly, if we can create a static class in constants.dart with user info, such as name or email, why not just assign those data on register and then use it in other places of the project? I've tested that and it works? Are there any performance reasons to use shared preferences?

Please note, I'm learning flutter for only 2 weeks so it's a post from a beginner perspective.

[aftabahmadawan]

just got one thing....all programmers could face errors 😀.... experience may help to solve it fast...love from pakistan