Build a Social Network with Flutter and Firebase

Video Description

Build a complete mobile social media app like Twitter, Instagram or Facebook using Flutter and Firebase!

About This Video

  • A complete masterclass on Firebase and Firestore with Flutter
  • Master complete CRUD functionality in real-time with Cloud Firestore
  • Deploy your apps to Google Play Store and Apple App Store

In Detail

Do you want to build a complete social-network mobile app just like Facebook, Instagram, or Twitter? Then this is the course for you!

We will cover the following topics in this course:

  • All real-time Firestore Database triggers (onCreate, onUpdate, and onDelete)
  • Detecting user location via Geolocation in Flutter
  • Working with streams and futures and updating the state
  • Media queries and device orientation for responsive app design
  • Uploading media files with Firebase Storage + image compression techniques
  • Await functions
  • Creating animations and page transitions
  • Using 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!

In this course, we'll use the best Flutter and Firebase techniques to build a complete social network (called FlutterShare) from zero to deployment and finally release it on the Google Play Store or iOS App Store.

Table of Contents

  1. Chapter 1 : Getting Started
    1. What You'll Need 00:05:19
    2. Running our Project 00:05:10
    3. Firebase Setup / Overview 00:08:23
    4. Solutions to Common Problems 00:03:07
  2. Chapter 2 : App Setup
    1. Starting App Code 00:02:06
    2. App Structure and Files 00:06:48
    3. Firebase Integration with Flutter 00:06:56
  3. Chapter 3 : Building App Structure
    1. Signin Splash Page 00:08:12
    2. Creating Custom Theme 00:05:56
    3. Completing Authentication Flow 00:12:51
    4. Navigation and Pages 00:09:17
    5. Building a Reusable Header Widget 00:06:51
    6. Adding Page Animations for Better UX 00:04:00
    7. Making Reusable Loading Widgets 00:04:35
  4. Chapter 4 : Firestore with Flutter Crash Course
    1. Intro to Firestore Database 00:05:53
    2. Fetching Collection and Document Data from Firestore 00:09:49
    3. Simple and Compound Queries in Firestore 00:08:11
    4. FutureBuilders and StreamBuilders for Fetching and Streaming Data 00:09:36
    5. Adding Complete CRUD Functionality to Firestore Documents 00:07:47
    6. Optimally Structuring our Firestore Database 00:05:41
  5. Chapter 5 : User Authentication and Social Login
    1. Save Auth Users in Users Collection 00:16:14
    2. Creating User Instance from DocumentSnapshot in Firestore 00:06:07
    3. Validating Create Account Form 00:08:09
  6. Chapter 6 : Searching for Users
    1. Building Search No Content Screen 00:07:24
    2. Responsive App Design with MediaQuery 00:02:36
    3. Adding Search User Functionality 00:08:03
    4. Improving Search Result Appearance 00:06:05
  7. Chapter 7 : Uploading Posts
    1. Upload Post Splash Screen and Image Picker 00:11:09
    2. Building Upload Form 00:11:18
    3. Uploading Media Files and Creating Posts 00:20:26
    4. Get User Location with Geolocation 00:05:12
  8. Chapter 8 : Editing User Profile
    1. Building Profile Header 00:12:58
    2. Building Edit Profile Page 00:19:14
    3. Updating User Data in Edit Profile Page 00:09:23
  9. Chapter 9 : Structuring and Displaying Posts
    1. Create Post Model 00:08:38
    2. Structuring Post Widget 00:09:17
    3. Displaying Posts and Post Count 00:05:28
  10. Chapter 10 : Profile Page
    1. Performant Image Loading and Post Grid for Profile Page 00:07:39
    2. Toggle Profile Post Orientation 00:05:21
    3. Building No Content for Profile Page 00:03:06
  11. Chapter 11 : Liking and Unliking Posts
    1. Adding Like - Unlike Functionality for Posts 00:07:21
    2. Making a Heartbeat Animation when Liking a Post 00:07:15
  12. Chapter 12 : Realtime Messaging with Comments
    1. Building Comments Page Structure 00:08:11
    2. Realtime Messaging Functionality 00:11:43
  13. Chapter 13 : Activity Feed Notifications
    1. Creating Activity Feed Notification for New Like 00:09:42
    2. Creating Activity Feed Notification for New Comment 00:08:51
    3. Displaying Activity Feed Notifications 00:13:44
    4. Add Post Screen, See Other Users' Profiles 00:09:48
  14. Chapter 14 : Following and Unfollowing Users
    1. Making Follow: Unfollow Buttons 00:05:19
    2. Following: Unfollowing Users 00:12:14
  15. Chapter 15 : Cloud Firestore Triggers with Firebase Functions
    1. General Timeline Overview, Initialize Firebase Functions 00:06:50
    2. Creating onCreateFollower Firebase Function 00:12:12
    3. Deleting Unfollowed User Posts with onDeleteFollower Firebase Function 00:04:58
    4. Deleting Posts and Related Data 00:11:09
    5. OnCreatePost, OnUpdatePost, and OnDeletePost Firestore Cloud Triggers 00:13:13
  16. Chapter 16 : Building Timeline of User Posts
    1. Getting, Displaying Timeline Posts 00:05:59
    2. Suggest Users to Follow in Timeline 00:11:29
  17. Chapter 17 : App Cleanup and Improvements
    1. Fixing Bugs, more about Async / Await 00:04:35
    2. Preserve Page State with AutomaticKeepAliveClientMixin 00:06:09
  18. Chapter 18 : Live Alerts with Push Notifications
    1. Sending Push Notifications with Firebase Function 00:16:29
    2. Displaying Realtime Push Notifications in our App 00:16:52
  19. Chapter 19 : Publishing our App
    1. Publish App to Google Play Store 00:10:37
    2. Publish App to iOS App Store 00:06:38

Product Information

  • Title: Build a Social Network with Flutter and Firebase
  • Author(s): Reed Barger
  • Release date: October 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781839216985