3.6 out of 5
3.6
190 reviews on Udemy

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!
Instructor:
Hussain Mustafa
1,744 students enrolled
English [Auto]
How to build a complete chat messaging application with Flutter and Firebase!
How to use Flutter Provider Framework

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

Introduction

1
Introduction

Getting Started

1
App Showcase
2
Creating Firebase And Flutter Project
3
iOS Firebase Project Setup
4
Android Firebase Project Setup

Authentication and Basic Services

1
Getting Started
2
Login Page UI | Part 1
3
Login Page UI | Part 2
4
Setup Firebase Authentication
5
Authentication Provider
6
Authentication | Login Logic | Part 1
7
Authentication | Login Logic | Part 2
8
Authentication | Login Logic | Part 3
9
Snackbar Service
10
Registration Page UI | Part 1
11
Registration Page UI | Part 2
12
Navigation Service
13
Media Service
14
Understanding User Data In Firebase
15
Database Service
16
Cloud Storage Service
17
Authentication | Registration Logic | Part 1
18
Authentication | Registration Logic | Part 2
19
Finalizing Section

Understanding Firebase And Chat Data Structure

1
Getting Started
2
Understanding Firebase Data Structure
3
Understanding Conversations Data
4
Understanding Messages Data
5
Firestore Data Flow Demonstration
6
Populating Firestore Dummy Data
7
Firebase Cloud Functions | Part 1
8
Firebase Cloud Functions | Part 2
9
Finalizing Section

HomePage, ProfilePage & UserSearchPage

1
Getting Started.
2
Automatic Login
3
HomePage | Tab Bar
4
Profile Page UI
5
Profile Page
6
Recent Conversations Page UI
7
Recent Conversations Page
8
Search Page UI
9
Search Page | Part 1
10
Search Page | Part 2
11
Finalizing Section

Conversation Page

1
Getting Started
2
Conversation Page | Getting Started
3
Conversation Page UI | Part 1
4
Retrieve Conversation Data From Firestore
5
Conversation Page | Display Messages
6
Conversation Page | Distinguish Messages
7
Conversation Page UI | Part 2
8
Conversation Page UI | Part 3
9
Conversation Page | Save User Text Input
10
Conversation Page | Sending Text Messages
11
Conversation Page | Sending Image Messages
12
Conversation Page UI | Part 4
13
Fixing Issues
14
Conversation Page | Create New Conversations
15
Finalizing Section
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
3.6
3.6 out of 5
190 Ratings

Detailed Rating

Stars 5
83
Stars 4
51
Stars 3
31
Stars 2
13
Stars 1
12
1bce95cf87fc3166e64a4be99690e740
FREE For First 1000 Enrolls

Includes

8 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Join Our Telegram For FREE Courses & Canva PremiumJOIN NOW