Build A Chat Application With Firebase, Flutter and Provider
4.1 (113 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
479 students enrolled

Build A Chat Application With Firebase, Flutter and Provider

Make a complete mobile messaging application like WhatsApp or Telegram using Flutter, Firebase and Provider Framework!
4.1 (113 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
479 students enrolled
Created by Hussain Mustafa
Last updated 3/2020
English
English [Auto]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to build a complete chat messaging application with Flutter and Firebase!
  • How to use Flutter Provider Framework
Course content
Expand all 59 lectures 08:04:16
+ Getting Started
4 lectures 23:28
Creating Firebase And Flutter Project
03:36
Android Firebase Project Setup
07:33
+ Authentication and Basic Services
19 lectures 02:52:52
Getting Started
06:21
Login Page UI | Part 1
17:43
Login Page UI | Part 2
08:24
Setup Firebase Authentication
05:32
Authentication Provider
11:23
Authentication | Login Logic | Part 1
10:02
Authentication | Login Logic | Part 2
06:58
Authentication | Login Logic | Part 3
07:11
Snackbar Service
09:48
Registration Page UI | Part 1
15:53
Registration Page UI | Part 2
08:11
Navigation Service
10:58
Media Service
09:07
Understanding User Data In Firebase
03:01
Database Service
09:25
Cloud Storage Service
05:08
Authentication | Registration Logic | Part 1
11:15
Authentication | Registration Logic | Part 2
09:11
Finalizing Section
07:21
+ Understanding Firebase And Chat Data Structure
9 lectures 54:18
Getting Started
00:37
Understanding Firebase Data Structure
04:47
Understanding Conversations Data
05:51
Understanding Messages Data
04:28
Firestore Data Flow Demonstration
03:58
Populating Firestore Dummy Data
05:45
Firebase Cloud Functions | Part 1
13:02
Firebase Cloud Functions | Part 2
12:27
Finalizing Section
03:23
+ HomePage, ProfilePage & UserSearchPage
11 lectures 01:54:25
Getting Started.
00:42
Automatic Login
02:44
HomePage | Tab Bar
09:04
Profile Page UI
09:27
Profile Page
14:31
Recent Conversations Page UI
10:46
Recent Conversations Page
18:55
Search Page UI
13:09
Search Page | Part 1
13:51
Search Page | Part 2
09:13
Finalizing Section
12:03
+ Conversation Page
15 lectures 01:58:57
Getting Started
00:51
Conversation Page | Getting Started
08:43
Conversation Page UI | Part 1
13:19
Retrieve Conversation Data From Firestore
11:35
Conversation Page | Display Messages
07:09
Conversation Page | Distinguish Messages
03:33
Conversation Page UI | Part 2
08:12
Conversation Page UI | Part 3
10:11
Conversation Page | Save User Text Input
02:57
Conversation Page | Sending Text Messages
09:36
Conversation Page | Sending Image Messages
10:37
Conversation Page UI | Part 4
07:09
Fixing Issues
07:30
Conversation Page | Create New Conversations
11:44
Finalizing Section
05:51
Requirements
  • Basic familiarity with Flutter
Description

Do you want to build a complete chat mobile app just like WhatsApp, Telegram or Facebook Messenger? 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 Application

  • A recent Conversations Page just like other popular messaging apps

  • Finding other App Users with Full-Text Search

  • Media Sharing between Users ​

  • Realtime Messaging

  • Profile Customization (i.e. Display Name, User Bio, etc)

  • Authentication

  • Using Device Camera and Image Library for Image Uploads

  • Creating Group Conversations

WHAT CONCEPTS ARE COVERED?

  • A Complete Masterclass on Firebase / Firestore with Flutter ​

  • Provider State Management Framework

  • Uploading Media Files with Firebase Storage + Image Compression Techniques ​

  • Authentication with Firebase and Flutter ​

  • Taking Pictures / Picking Images for Upload with Flutter ​ ​

  • Build and Deploy Firebase Functions ​

  • Complete CRUD Functionality in Realtime with Cloud Firestore ​

  • All the Realtime Firestore Database Triggers (onCreate, onUpdate, onDelete) ​

  • Working with Streams, Futures and Updating State ​

  • Media Queries and Device Orientation for Responsive App Design

  • Handling Async Data with FutureBuilders, StreamBuilders, and Async / Await Functions

  • Animations and Page Transitions

  • SVG Images and Image Caching for Performance ​

  • Form Validation and Error Handling ​

  • Custom Theme Creation and Fonts ​

  • 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 within the course!

Who this course is for:

  • Mobile and web developers looking to build impressive real-world, production-ready apps!

  • Flutter developers looking for a challenge

  • Developers looking to delve into the world of Firebase

Who this course is for:
  • Beginner Flutter Developers
  • Aspiring Firebase Developers