Build A Social Network With Flutter And Firebase

Tags:

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

Last updated 2022-01-10 | 4

- How to build a complete social network with Flutter and Firebase!

What you'll learn

How to build a complete social network with Flutter and Firebase!

* Requirements

* Basic familiarity with Flutter
* Experience with Firebase / Firestore is helpful
* but not required

Description

Do you want to build a complete social network mobile app just like Facebook, Instagram or Twitter? 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 social network from zero to deployment called FlutterShare that you can release on the Google Play Store or iOS App Store.

WHAT DOES THE APP FEATURE?

  • An Amazing Realtime Social Network App

  • A Timeline just like in Facebook, Instagram, or Twitter

  • An Activity Feed for all User Interactions

  • Live In-App User Notifications

  • Media Sharing between Users ​

  • User Following / Unfollowing (with past / future posts added to timeline)

  • Realtime Messaging, Liking and Unliking for Posts

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

  • Social Login with Google

  • Using Device Camera for Image Uploads

  • Captioning Posts with Description and Current Location (Geolocation)

  • Finding other App Users with Full-Text Search

WHAT CONCEPTS ARE COVERED?

  • A Complete Masterclass on Firebase / Firestore with Flutter ​

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

  • Google SignIn / Social Login with Flutter ​

  • Push Notifications with Firebase Messaging for Realtime User Updates ​

  • Taking Pictures / Picking Images for Upload with Flutter ​

  • Detecting User Location with Geolocation for Flutter ​

  • Build and Deploy (many) Firebase Functions ​

  • Complete CRUD Functionality in Realtime with Cloud Firestore ​

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

  • Deployment to Google Play Store and Apple App Store

  • 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

Course content

19 sections • 63 lectures

What You'll Need Preview 05:18

Running our Project Preview 05:10

Firebase Setup / Overview Preview 08:22

Solutions to Common Problems Preview 03:07

Starting App Code Preview 02:05

App Structure and Files Preview 06:48

Firebase Integration with Flutter Preview 06:55

Signin Splash Page Preview 08:11

Creating Custom Theme Preview 05:55

Completing Authentication Flow Preview 12:51

Navigation and Pages Preview 09:16

Building a Reusable Header Widget Preview 06:50

Adding Page Animations for Better UX Preview 04:00

Making Reusable Loading Widgets Preview 04:34

Intro to Firestore Database Preview 05:52

Fetching Collection and Document Data from Firestore Preview 09:48

Simple and Compound Queries in Firestore Preview 08:11

FutureBuilders and StreamBuilders for Fetching and Streaming Data Preview 09:35

Adding Complete CRUD Functionality to Firestore Documents Preview 07:46

Optimally Structuring our Firestore Database Preview 05:40

Save Auth Users in Users Collection Preview 16:13

Creating User Instance from DocumentSnapshot in Firestore Preview 06:06

Validating Create Account Form Preview 08:09

Building Search No Content Screen Preview 07:23

Responsive App Design with MediaQuery Preview 02:35

Adding Search User Functionality Preview 08:03

Improving Search Result Appearance Preview 06:04

Upload Post Splash Screen and Image Picker Preview 11:08

Building Upload Form Preview 11:18

Uploading Media Files and Creating Posts Preview 21:45

Get User Location with Geolocation Preview 05:11

Building Profile Header Preview 12:57

Building Edit Profile Page Preview 19:13

Updating User Data in Edit Profile Page Preview 09:23

Create Post Model Preview 08:37

Structuring Post Widget Preview 09:17

Displaying Posts and Post Count Preview 05:27

Performant Image Loading and Post Grid for Profile Page Preview 07:38

Toggle Profile Post Orientation Preview 05:20

Building No Content for Profile Page Preview 03:05

Adding Like - Unlike Functionality for Posts Preview 07:20

Making a Heartbeat Animation when Liking a Post Preview 07:15

Building Comments Page Structure Preview 08:11

Realtime Messaging Functionality Preview 11:43

Creating Activity Feed Notification for New Like Preview 09:42

Creating Activity Feed Notification for New Comment Preview 08:51

Displaying Activity Feed Notifications Preview 13:44

Add Post Screen, See Other Users' Profiles Preview 09:48

Making Follow : Unfollow Buttons Preview 05:18

Following : Unfollowing Users Preview 12:13

General Timeline Overview, Initialize Firebase Functions Preview 06:49

Creating onCreateFollower Firebase Function Preview 12:12

Deleting Unfollowed User Posts with onDeleteFollower Firebase Function Preview 04:58

Deleting Posts and Related Data Preview 11:08

OnCreatePost, OnUpdatePost, and OnDeletePost Firestore Cloud Triggers Preview 13:12

Getting, Displaying Timeline Posts Preview 05:59

Suggest Users to Follow in Timeline Preview 11:28

Fixing Bugs, More about Async / Await Preview 04:35

Preserve Page State with AutomaticKeepAliveClientMixin Preview 06:09

Sending Push Notifications with Firebase Function Preview 16:28

Displaying Realtime Push Notifications in our App Preview 16:52

Publish App to Google Play Store Preview 10:37

Publish App to iOS App Store Preview 06:37