
Add required packages for a flutter and firebase chat app, including firebase core, storage, auth, cloud firestore, provider, get it, file picker, flutter spin kit, timeago, and keyboard visibility.
Create a Flutter splash page by structuring a dedicated splash page file, implementing a stateful splash widget, configuring a material app theme, and loading an asset image from assets/images/logo.png.
Initialize the splash page by setting up an asynchronous initialization sequence that binds widgets, initializes the Firebase Core, registers services, and calls on initialization complete to proceed to navigation.
Create a database service to interface with Cloud Firestore, defining user, chat, and messages collections and implementing a singleton for app-wide access.
Add a register button to the Destra page beneath the register form, using a custom blue rounded button with responsive height and width, and an asynchronous onPressed placeholder.
Implement the registration page business logic to capture user input and register users on Firebase, preparing for the next video where we stitch it all together.
Implement a Firestore create user function that saves uid, email, name, and image URL to the users collection, stamping last active time with UTC now.
Implement the users page and replace the green container on the homepage, wiring it to the bottom navigation bar and preparing for upcoming user interface elements and chat logic.
Begin this module by outlining the chat page's UI elements and the corresponding business logic, then implement the UI in the chats page in the next video.
Learn to build a reusable Flutter list tile with activity for a chat app, including a title, subtitle, image with a status indicator, and on-tap behavior using a custom widget.
Learn to implement a responsive top bar for a Flutter chat page, including a top bar widget, primary and secondary actions, and responsive padding using device width and height.
Wire up the back and delete chat buttons in the chat page, linking actions to the page provider and delete chat function while validating message sending and multi-language support.
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.