Flutter & Firebase Chat App: Master Flutter and Firebase

The Ultimate Flutter and Firebase Course: Develop A Powerful Flutter and Firebase Powered Chat Application

This course includes:

  • 10 hours on-demand video
  • 1 article
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion


What you’ll learn

  • Build a complete, real-world app with Flutter, Firebase and Dart
  • Write production-ready code following best practices and become a competent Flutter developer
  • Write iOS & Android apps with a single codebase using Flutter and Dart
  • Fast-track your Flutter and Firebase learning with practical tips and proven techniques

Course content

12 sections • 98 lectures • 10h 14m total lengthCollapse all sections

Introduction5 lectures • 14min

  • Important00:19
  • IntroductionPreview00:49
  • Application OverviewPreview03:27
  • Creating Flutter Project04:55
  • Adding Required Packages04:37

Firebase Setup5 lectures • 20min

  • IntroductionPreview00:31
  • Firebase Project CreationPreview02:29
  • iOS Firebase Setup06:19
  • Android Firebase Setup06:10
  • Firebase Firestore Database Structure04:56

Spalsh Page and Internal Services9 lectures • 50min

  • Introduction01:50
  • Create Splash Page12:03
  • Explanation Splash Page02:54
  • Initializing Firebase Application04:57
  • Creating Navigation Service07:32
  • Creating Media Service04:40
  • Creating Cloud Storage Service03:10
  • Creating Database Service03:30
  • Finishing Up Splash Page09:14

Login Page6 lectures • 39min

  • Introduction00:31
  • Creating Login Page05:02
  • Adding Page Title06:20
  • Adding Form Fields15:29
  • Adding Login Button07:29
  • Adding Register Page Link03:52

Implementing Firebase Authentication10 lectures • 1hr 10min

  • Introduction00:43
  • Creating Authentication Provider10:14
  • Creating User Model08:10
  • Creating A User In Firebase08:36
  • Creating Login Function02:59
  • Implementing Login Functionality12:56
  • Listening To Firebase Auth State Changes06:20
  • Implementing Database Service Functions07:40
  • Parsing User Data05:13
  • Navigating to HomePage07:01

Registration Page6 lectures • 36min

  • Introduction00:51
  • Creating Registration Page06:57
  • Creating Profile Image Field05:04
  • Implementing Image Picker Function13:45
  • Adding Form Fields07:22
  • Adding Register Button02:28

Implementing Registration6 lectures • 35min

  • Introduction00:33
  • Creating Registration Function07:52
  • Writing Firebase Cloud Storage Function09:32
  • Writing Firestore Create User Function04:18
  • Implementing Registration08:57
  • Redirection after Registration03:57

Home Page4 lectures • 16min

  • Introduction01:32
  • Implementing Bottom Navigation Bar07:52
  • Creating Chats Page03:41
  • Creating Users Page03:13

Chats Page15 lectures • 1hr 53min

  • Introduction00:37
  • Creating Top Bar14:07
  • Creating Chat Message Model08:24
  • Creating Chat Model07:32
  • Creating Custom List View Tile With Activity- Part 108:30
  • Creating Rounded Image With Status Indicator08:12
  • Creating Custom List View Tile With Activity- Part 205:50
  • Code Refactoring02:34
  • Creating Chats Page Provider13:03
  • Adding Chats Data To Firebase Cloud Firestore06:08
  • Get Chats For User From Firebase02:56
  • Get Last Message For Chat Chats From Firestore03:24
  • Setting up Chats Stream From Firestore For Firebase User15:05
  • Working with ListView Builder and Provider09:45
  • Update ChatTile Function06:32

Chat Page18 lectures • 2hr 17min

  • Introduction00:53
  • Creating Chat Page08:25
  • Adding Top Bar07:41
  • Creating Chat Page Provider13:53
  • Adding CRUD Functions To Database Service09:09
  • Setting up Firestore Stream For Messages07:02
  • Creating Send Message and Delete Chat Functions06:20
  • Showing Messages In List View06:37
  • Creating Custom List View Tile09:57
  • Creating Text Message Bubble Widget13:38
  • Creating Image Message Bubble Widget14:30
  • Adding Message Text Form Field08:53
  • Adding Send and Image Message Button05:32
  • Sending Text Messages In Chat Using Firebase and Firestore03:50
  • Sending Image Messages In Chat Using Firebase Storage05:26
  • Fixing Bugs04:04
  • Auto Scroll ListView To Last Message Sent04:54
  • Showing User Typing Activity06:13

Users Page13 lectures • 1hr 17min

  • Introduction00:52
  • Adding TopBar07:03
  • Adding Search Bar Field09:28
  • Adding Users List View11:28
  • Creating Users Page Provider08:25
  • Retrieving Users From Cloud Firestore03:56
  • Displaying Users In List View10:06
  • Selecting Users To Chat04:19
  • Create Chat In Cloud Firestore02:06
  • Adding Create Chat Function To Users Page Provider08:39
  • Adding Create Chat Button03:51
  • Testing Create Chat Functionality04:17
  • Adding Remaining Functionality To Users Page02:42

Final Overview1 lecture • 7min

  • Testing Completed ApplicationPreview06:52

Requirements

  • Familiarity with Flutter

Description

Do you want to build a complete Mobile Chat Application that works on iOS and Android, powered by Flutter and Firebase? Then this is the course for you!

WHAT WILL WE BE BUILDING?

In this course, we’ll use the best in Flutter and Firebase to build a complete chat application from zero to deployment called Chatify that you can release on the Google Play Store or iOS App Store.

WHAT DOES THE APP FEATURE?

  • An Amazing Real-Time Messaging Experience
  • A Chats Page just like other popular Messaging Apps
  • Finding Other App Users using Full-Text Search
  • Media Sharing Between Users ​
  • Authentication
  • Registration
  • Automatic Login
  • Using Device Camera and Image Library for Image Uploads
  • Creating Group Chats
  • Realtime Status and Activity Indicators

WHAT CONCEPTS ARE COVERED?

  • Flutter 2.0
  • Firebase​
  • Provider State Management
  • Uploading Media Files with Firebase Storage​
  • Complete CRUD Functionality in Realtime with Cloud Firestore
  • Authentication using Firebase Authentication ​
  • Taking Pictures / Picking Images for Upload with Flutter ​ ​
  • Working with Streams and Futures
  • Managing State using Stateful Widgets and Provider Framework​
  • Media Queries and Device Orientation for Responsive App Design
  • Handling Async Data with FutureBuilders, StreamBuilders, and Async / Await Functions
  • Animations and Page Transitions
  • Image Caching for Performance ​
  • Form Validation and Error Handling ​
  • Custom Theme, Fonts, ​and Widgets Creation
  • Tons of Practical, Straightforward and Repeatable App-Building Patterns ​
  • And much more!​

WHAT ELSE DOES THIS COURSE OFFER?


– Deep, Fine-Grained Learning – This course is jam-packed with information. I made the course that I most wanted to take and as a result, I didn’t skimp on the details. You’re going to cover more topics and material in greater depth than ever before.

– 100% Real-World Practice – My goal is to get you writing code as much as possible. And not just any code–we’ll be working exclusively on practical tasks that are instrumental in building your own amazing real-world apps.

– No-Nonsense, Spot-On Explanations – Every lesson is to the point. I break down what we’re making, how we’ll be doing it, and what the final product will look like, all on top of helpful and illustrative descriptions to aid your understanding along the way.

I really enjoyed making this course and I think you’ll enjoy taking it just as much.

Looking forward to seeing you taking this course!

Who this course is for:

  • Mobile and Web Developers looking to build impressive real-world, production-ready applications using Flutter and Firebase!
  • Flutter Developers looking to enhance their skillset.
  • Developers looking to delve into the world of Flutter and Firebase.

Who this course is for:

  • Beginner and Intermediate Flutter Developers



Latest Free Coupons

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Today's 30+ Free Courses

X