• Post category:StudyBullet-13
  • Reading time:8 mins read


Make a complete mobile messaging application like WhatsApp or Telegram using Flutter, Firebase and Provider Framework!

What you will learn

How to build a complete chat messaging application with Flutter and Firebase!

How to use Flutter Provider Framework

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?


Get Instant Notification of New Courses on our Telegram channel.


DealsCrown Telegram Banner

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
English
language

Content

Introduction

Introduction

Getting Started

App Showcase
Creating Firebase And Flutter Project
iOS Firebase Project Setup
Android Firebase Project Setup

Authentication and Basic Services

Getting Started
Login Page UI | Part 1
Login Page UI | Part 2
Setup Firebase Authentication
Authentication Provider
Authentication | Login Logic | Part 1
Authentication | Login Logic | Part 2
Authentication | Login Logic | Part 3
Snackbar Service
Registration Page UI | Part 1
Registration Page UI | Part 2
Navigation Service
Media Service
Understanding User Data In Firebase
Database Service
Cloud Storage Service
Authentication | Registration Logic | Part 1
Authentication | Registration Logic | Part 2
Finalizing Section

Understanding Firebase And Chat Data Structure

Getting Started
Understanding Firebase Data Structure
Understanding Conversations Data
Understanding Messages Data
Firestore Data Flow Demonstration
Populating Firestore Dummy Data
Firebase Cloud Functions | Part 1
Firebase Cloud Functions | Part 2
Finalizing Section

HomePage, ProfilePage & UserSearchPage

Getting Started.
Automatic Login
HomePage | Tab Bar
Profile Page UI
Profile Page
Recent Conversations Page UI
Recent Conversations Page
Search Page UI
Search Page | Part 1
Search Page | Part 2
Finalizing Section

Conversation Page

Getting Started
Conversation Page | Getting Started
Conversation Page UI | Part 1
Retrieve Conversation Data From Firestore
Conversation Page | Display Messages
Conversation Page | Distinguish Messages
Conversation Page UI | Part 2
Conversation Page UI | Part 3
Conversation Page | Save User Text Input
Conversation Page | Sending Text Messages
Conversation Page | Sending Image Messages
Conversation Page UI | Part 4
Fixing Issues
Conversation Page | Create New Conversations
Finalizing Section