Build Flutter Chat App with Firebase Auth & Firestore Part 1/4 | Flutter Tutorial For Beginners
Sanskar Tiwari
Learn how to build Fully Functioning Chat App with Flutter & Firebase in 5 hours. ● Full PlayList: https://www.youtube.com/watch?v=FTju8w4zEno&list=PLBxWkM8PLHcr2vkdY2n9rIcxjZ9Th3Us7
● live at : flutterdevconnect.web.app (with some additional features) ● source code: https://github.com/theindianappguy/FlutterChatAppTutorial
📗 Learn from the written tutorial 👇👇 ● https://flutternerd.com/build-a-fully-functioning-flutter-chat-app-with-firebase-part-1-4
📙 Join 5-Day Flutter Bootcamp for Beginners ● https://flutternerd.com/free-training/
live at : flutterdevconnect.web.app (with some additional features)
● Full PlayList: https://www.youtube.com/watch?v=FTju8w4zEno&list=PLBxWkM8PLHcr2vkdY2n9rIcxjZ9Th3Us7
📕 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
Ps: Everything is explained with a single prerequisite of having flutter installed and run at least the sample app that's all, learn live: https://learnflutterlive.web.app
📖 Course Contents Part-1
- 00:00 Introduction & App Demo We will go through the functionalities which includes sign in and sign up with firebase auth chatrooms screen, search the user by username screen, and conversation screen
- 02:24 Creating Flutter projects If you have not already visit flutter.dev and install flutter according to your operating system
- 04:00 Removing BoilerPlate & Creating files
- 07:37 Creating Login/Sign In Screen UI from Scratch Learning about scaffold? Creating modularised app Bar widget which can be used on any screen Importing images to the assets folder and defining it in pubspec.yaml, Changing the color of scaffold background Learning how to arrange widgets
- 40:00 Creating SignUp Screen UI
- 42:00 Connecting Flutter App with Firebase For Android
- 48:28 Connecting Flutter App with Firebase For IOS
- 52:32 Implementing backend for sign in and sign up with firebase auth We will be creating different functions for individual functionality be it sign-in, signup, sign out forgot pass
- 01:08:37 Implementing sign up functions in sign up.dart & Fixing Multidex issue with Flutter • First we will validate the user-submitted info ( username, email & password) • Showing loading screen • Implementing/calling Signup functions with user-provided info • Solving multiplex for Android
Go to my website for more information, code examples, and articles: ● https://flutternerd.com
If this helps make sure to share it with fri ... https://www.youtube.com/watch?v=FTju8w4zEno
338817903 Bytes