Flutter & Firebase Chat App: Master Flutter and Firebase

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

4.69 (21 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
186
students
10.5 hours
content
Nov 2021
last update
$199.99
regular price
What you will 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

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.

Screenshots
Flutter & Firebase Chat App: Master Flutter and Firebase - Screenshot_01Flutter & Firebase Chat App: Master Flutter and Firebase - Screenshot_02Flutter & Firebase Chat App: Master Flutter and Firebase - Screenshot_03Flutter & Firebase Chat App: Master Flutter and Firebase - Screenshot_04
Content
Introduction
Important
Introduction
Application Overview
Creating Flutter Project
Adding Required Packages
Firebase Setup
Introduction
Firebase Project Creation
iOS Firebase Setup
Android Firebase Setup
Firebase Firestore Database Structure
Spalsh Page and Internal Services
Introduction
Create Splash Page
Explanation Splash Page
Initializing Firebase Application
Creating Navigation Service
Creating Media Service
Creating Cloud Storage Service
Creating Database Service
Finishing Up Splash Page
Login Page
Introduction
Creating Login Page
Adding Page Title
Adding Form Fields
Adding Login Button
Adding Register Page Link
Implementing Firebase Authentication
Introduction
Creating Authentication Provider
Creating User Model
Creating A User In Firebase
Creating Login Function
Implementing Login Functionality
Listening To Firebase Auth State Changes
Implementing Database Service Functions
Parsing User Data
Navigating to HomePage
Registration Page
Introduction
Creating Registration Page
Creating Profile Image Field
Implementing Image Picker Function
Adding Form Fields
Adding Register Button
Implementing Registration
Introduction
Creating Registration Function
Writing Firebase Cloud Storage Function
Writing Firestore Create User Function
Implementing Registration
Redirection after Registration
Home Page
Introduction
Implementing Bottom Navigation Bar
Creating Chats Page
Creating Users Page
Chats Page
Introduction
Creating Top Bar
Creating Chat Message Model
Creating Chat Model
Creating Custom List View Tile With Activity- Part 1
Creating Rounded Image With Status Indicator
Creating Custom List View Tile With Activity- Part 2
Code Refactoring
Creating Chats Page Provider
Adding Chats Data To Firebase Cloud Firestore
Get Chats For User From Firebase
Get Last Message For Chat Chats From Firestore
Setting up Chats Stream From Firestore For Firebase User
Working with ListView Builder and Provider
Update ChatTile Function
Chat Page
Introduction
Creating Chat Page
Adding Top Bar
Creating Chat Page Provider
Adding CRUD Functions To Database Service
Setting up Firestore Stream For Messages
Creating Send Message and Delete Chat Functions
Showing Messages In List View
Creating Custom List View Tile
Creating Text Message Bubble Widget
Creating Image Message Bubble Widget
Adding Message Text Form Field
Adding Send and Image Message Button
Sending Text Messages In Chat Using Firebase and Firestore
Sending Image Messages In Chat Using Firebase Storage
Fixing Bugs
Auto Scroll ListView To Last Message Sent
Showing User Typing Activity
Users Page
Introduction
Adding TopBar
Adding Search Bar Field
Adding Users List View
Creating Users Page Provider
Retrieving Users From Cloud Firestore
Displaying Users In List View
Selecting Users To Chat
Create Chat In Cloud Firestore
Adding Create Chat Function To Users Page Provider
Adding Create Chat Button
Testing Create Chat Functionality
Adding Remaining Functionality To Users Page
Final Overview
Testing Completed Application
Reviews
Andre
2 November 2021
This course covers so many different elements of Flutter and building apps. Great content and great value for money. Highly recommended.
Celia
2 November 2021
Man, you did an amazing job, you turn a complex subject into great content with easy understanding! I highly recommend this course.
Saud
24 October 2021
The course structure is good but the setup and coding style seems old since alot of functions including import file is now done automatically
Dustin
22 October 2021
Wow!! What an amazing journey. I loved every second of it. Learned so much from Hussain. It is a pleasure to listen to him explaining everything. Looking forward to taking the more courses of yours.
Talha
20 October 2021
This is so well explained and everything just works. It's great that Hussain makes the odd error and then you can follow through to see how he fixes them. Terrific stuff!
Thomas
19 October 2021
This was beyond my expectations. I loved it and will be learning the succeeding courses too. Thank you so much for the in-depth knowledge.
James
19 October 2021
The instructor is extremely didactic and fun and spared no effort in the production of materials that helped to fix and understand the content. The sum of knowledge with the will to teach can only result in success. Congratulations Hussain!
Rob
17 October 2021
The instructor explained each detail with as much information as to how to do the steps. Meticulous and clean.
Jimmy
14 October 2021
Professional course for advanced students. A lot of holistic important aspects which cover not only Flutter but developing an App in general.
Rehana
14 October 2021
This is by far the best flutter course if you want to learn coding best practises while learning flutter, which I think everyone should. I've taken two other top rated flutter courses in Udemy and speaking by experience. Another impressive thing about this course is that most of the videos are around 5 minutes even to cover complex topics. I am pretty sure Hussain has put lot of work to make them as such.
Charts

Price

Flutter & Firebase Chat App: Master Flutter and Firebase - Price chart

Rating

Flutter & Firebase Chat App: Master Flutter and Firebase - Ratings chart

Enrollment distribution

Flutter & Firebase Chat App: Master Flutter and Firebase - Distribution chart
4317794
udemy ID
9/24/2021
course created date
10/15/2021
course indexed date
Bot
course submited by
TwitterFacebookInstagramYoutubeTelegramTelegram