Flutter & Firebase Tutorial: Build 5 Social Media Apps

Learn Flutter & Firebase by building Instagram, TikTok, Twitch, Zoom & WhatsApp!

4.37 (399 reviews)

Udemy

platform

English

language

Mobile Apps

What you will learn

Learn about Firebase Firestore, Auth, Storage

Build Real World Projects with Firebase

Know When & Why To Use Firebase

Deployment

Build Cross Platform Apps

Why take this course?

Build 5 Real World Social Media Applications in this tutorial!

We will go through Firebase Auth in detail after which work on real world projects like Instagram, TikTok, Zoom, Twitch & WhatsApp! These projects don't just talk about Firebase, projects like Twitch and Zoom even include third party SDK's to give a feel of how, when and why to use Firebase. The aim of this course is to make you familiar with Firebase and have 5 real world projects which you can work on, after this course to turn into a single app.

This course will have constant repetition which will ensure your confidence is high, even after completing this course and you don't have to take yet another course. If you have any questions during the course, I'll be more than happy to help you out with it! Keep Learning :)

Features of the projects we are going to build:

1. Instagram

Responsive Instagram UI
Email & Password Authentication
Share Posts with Caption
Display Posts with Caption
Like & Comment on Posts
Search Users
Follow Users
Display User Posts, Followers & Following
EVERYTHING REAL TIME
Sign Out

2. TikTok

Authentication with Email & Password
Uploading Videos with Caption
Compressing Videos
Generating Thumbnails Out of Video
Displaying Videos with Caption
Liking on Posts
Commenting on Posts
Liking the Comments
Searching Users
Following Users
Displaying Followers, Following, Likes & Posts of User
TikTok Like UI

3. Zoom

Google Sign In
Create New Meeting
Join Meeting
Mute/Unmute Audio
Mute/Unmute Video
Change Display Name while Joining
Raise Hand
Start Screen Sharing
Mute Everyone
Start Live Stream
Screen Share
Chat
Switch Front/Rear Camera
Picture in Picture
Enter Tile View
Disable Camera
End Call
See Your Meeting History
Log out

4. Twitch

Email & Password Authentication
Screensharing
Selecting Thumbnail
Going Live
Joining LiveStream
Switching Camera
Muting/Unmuting
Chatting
Cross Platform
Responsive UI
Token Generation using GO (Create Your API)
Deploy Server
Deploy Website

5. WhatsApp

Phone Number Authentication
1-1 Chatting with Contacts Only
Group Chatting
Text, Image, GIF, Audio(with Recording), Video & Emoji Sharing
Status/Stories Visible to Contacts Only and Disappears after 24 hours
Video Calling
Online/Offline Status
Seen Message
Replying to Messages
Auto Scroll on New Messages
Caching Images & Video

Content

Introduction

Best Way To Follow Along

Firebase Authentication

Introduction

Starter Project Explanation

Connecting to Firebase

Email Password Signup

Email Verification

Email Password Login

Phone Sign In

Google Sign In

Facebook Sign In

Anonymous Sign In

State Management

Displaying User Details

Sign out

Delete Account

Instagram Clone

Demo

Setup & Theming the App

Building Responsive Layout Widget

Setting Up Firebase

Signup Screen UI (Mobile)

Firebase Signup Auth

Firebase Login Auth

Persisting Auth State

Modelling User Data

User Data State Management

Mobile Bottom App Bar

Add Post Screen UI

Selecting Image

Storing Post Data in Firebase

Feed Posts UI

Displaying Post Data from Firebase

Like Animation

Updating Likes

Comments Screen UI

Storing Comments in Firestore

Displaying Comments

Deleting Post

Searching Users

Showing Posts on Search Screen

Creating Reusable Profile Screen UI

Displaying Profile Data

Following Users

Signing Out

Creating Responsive UI

TikTok Clone

Demo

Setup

Authentication Logic

Firebase Setup

Creating User Model

Persisting User State

Bottom Tab Bar

Add Video Screen

Confirm Video Screen

Uploading Video

Displaying Videos

Add Video Controller

Liking Posts

Commenting & Liking Comments on Posts

Search Screen

Profile Screen

Zoom Clone

Demo

Flutter Setup

Firebase Setup & Google Sign In

Firebase Setup (iOS)

Firebase Setup (Android)

Persisting User State

Home Screen UI

Setting Up Jitsi Meet (iOS)

Create New Meeting

Join Video Screen UI

Storing User Meetings

Displaying User Meetings

Logging Out

Testing on Physical Android Device & iOS Simulator

Pros & Cons

Twitch Clone

Demo

Project Layout

Routes

Onboarding Screen UI

Signup & Login Screen UI

Firebase Setup

Firebase iOS Setup

Firebase Android Setup

Signing Up Users

Logging in Users

Persisting Login State

Designing Bottom NavBar

Go Live Screen UI

Picking Image from Gallery

Fixing Memory Leaks & Adding Loaders

Storing Livestream Data in Firebase

Agora Android Setup

Solving Firebase Livestream BUG

Agora iOS Setup

Initialising Agora

Get Agora App ID

Joining Channel

Designing Broadcast Screen

Leaving Channel

Switching Camera

Muting/Unmuting

Realtime Chatting

Installing GO

Creating & Deploying API using GO

Sending HTTP Request to our API

Designing & Displaying Feed Screen

Correcting Join Channel Bug

Firebase & Agora Web Setup

Making The App Responsive

Adding End Stream Button

Start Screensharing Functionality

Stop Screensharing Functionality

Firebase & Agora MacOS Setup

Deploy Web App

Conclusion Part 2

Reviews

Sebastian

August 11, 2023

It's good. but there are things that are very old, so it doesnt work the same as the video. Had to figure out a bunch of things myself.

Dmitriy

June 12, 2023

I like the idea. Everybody wants create instagram and so on. But I disappointed about course at all. I 100% sure this course for not all levels especially not for beginners.

Sean

June 2, 2023

So far I'm not very happy with this course. I've only made it to the 5th video so far and I have several issues that have completely stopped me from continuing on at this time. For one, even though this course is for all skill levels the instructor doesn't tell you how to setup your development environment. At least not that I could tell but you would think that would be one of the very first things that you do. Second, the instructor simply tells you what to do but not why you are doing it. Third, the instructor doesn't go over exactly what all you need to do to install firebase correctly to be used by your apps.

Ogemid

May 23, 2023

Short and straight to the point. I wish there was a bit of an explanation as to the choices being made.

Davit

March 5, 2023

Its decent but doesn't explain very much, he just kinda tells you what code to put but doesn't say why. Plus the video quality is a bit blurry

Aizaz

February 27, 2023

Thank you so much, Rivaan. I didn't know how to use firebase but you taught everything from basics to advanced level.

Gift

December 24, 2022

The course is great but there is somewhere I need help on, why are videos taking time to load on video playing screen and how do I add circular progress if video is not yet playing? If video is playing, how can I pause it? when I scroll to the next video, the previous continue playing until the next one start, how to stop that? You also left out progress indicators whenever something is happening for example when video is uploading. Thank you.

Mohamed

October 16, 2022

Il ne code pas au fur et à mesure. C'est un truc tout fait qui marche meme pas lorsqu'on le telecharge.

米谷裕輝

August 30, 2022

This is a good course, not for beginners, but very educational for intermediate and above. However, the audio for the 111th video is not included. Please address this as soon as possible.

Jimmy

July 30, 2022

This guy is amazing!!! I've been watvhing tutorial fir many years now and some how his tutorials are excelent!! Thing I like is : 1) Clean explanation 2) good guidance 3)What, When, and why (Super Important!!) 4)Indian thats speak clear english! BRAVO! BRAVO! BRAVO!

Myles

July 30, 2022

I only did about 3 hours of the course but clear, concise guidance so far. Rivaan explains the reasoning for chosen decisions and methods used. Looking forward to the rest of the course. Thanks, definitely worth completing.

Adesina

July 25, 2022

The instructor is amazing, Apart from the well structured tutorial, his swift response to student's challenges is top notch.

Brian

July 16, 2022

I certainly didn't expect you to start with an application built already that leaves us scratching our heads wondering how we can follow along when we don't have source code to get our app up to speed with yours. Also, you were going a bit too quickly for someone like me who is just beginning. Not happy at all.

Sohel

June 10, 2022

Till now I have done the Firebase tutorial part and after completing it, I'm feeling confident with the Firebase. Hope the further parts would be more enjoyable and would get a chance to learn more.

Azeem

June 5, 2022

Thanks to provide this amazing course, this course is really very very helpful to me. The way you have explained it clears all my doubts. Thanks again

Flutter & Firebase Tutorial: Build 5 Social Media Apps

What you will learn

Learn about Firebase Firestore, Auth, Storage

Build Real World Projects with Firebase

Know When & Why To Use Firebase

Deployment

Build Cross Platform Apps

Why take this course?

Content

Introduction

Firebase Authentication

Instagram Clone

TikTok Clone

Zoom Clone

Twitch Clone

Reviews

Charts

Price

Rating

Enrollment distribution

Related Topics