Firebase Authentication and Flutter Full Course | Messaging App (Part 1)

Firebase Authentication and Flutter Full Course | Messaging App (Part 1)

We will build a messaging app with Firebase Authentication and Flutter. We will set up Firebase Authentication with Google Sign in and Cloud Firestore for storing our chat messages. We will start a Flutter project from scratch and build our Chat UI. We will then create a Firebase Project and set up our Android and Web applications.

In this full course we will build a messaging app with Firebase Authentication and Flutter. We will start a Flutter project from scratch and build our Chat UI. We will then create a Firebase Project and set up our Android and Web applications. We will set up Firebase Authentication with Google Sign in and Cloud Firestore for storing our chat messages.

=== Contents of this video ===

  • 00:00 Intro
  • 00:10 App demo
  • 02:30 Setup Flutter project
  • 03:23 Clean up Flutter boilerplate
  • 04:09 Implement initial Chat UI
  • 07:30 Set up Firebase Project and add Android and Web Apps
  • 11:48 Set up Firebase Authentication
  • 12:36 Configure Firebase Authentication in Flutter app
  • 14:09 Implement AuthProvider class
  • 20:15 Sign in with AuthProvider class
  • 26:30 Implement sign out with FirebaseAuth class
  • 28:43 Implement MessageForm widget
  • 43:19 Setup Firebase Cloud Firestore
  • 44:36 Create chat_messages collection in Cloud Firestore
  • 46:15 Load chat message into app
  • 48:25 Enable MultiDex support
  • 50:10 Implement MessageWall widget
  • 53:12 Implement ChatMessage widget
  • 01:00:31 Outro

firebase flutter mobile-apps programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How long does it take to develop/build an app?

This article covers A-Z about the mobile and web app development process and answers your question on how long does it take to develop/build an app.

Hire Mobile App Developers in USA

AppClues Infotech is the best mobile app development company in New York that offers custom mobile app development & design services for Android and iOS.

Top Mobile App Developers & Leading App Development Companies in UK

Profusely examined top Mobile App Development companies in UK with ratings & reviews to help find the best Mobile App Development solution providers.

Top Mobile App Development Company in Texas

AppClues Infotech is the best mobile app development company in New York that offers custom mobile app development & design services for Android and iOS.

Top Mobile App Development Company in Pennsylvania

AppClues Infotech is the best mobile app development company in New York that offers custom mobile app development & design services for Android and iOS.