Flutter, Firebase Social Media App with Rivepod - Build a YouTube Clone
#fluttertutorial #youtubeclone #riverpod #firebase
We build a fully functional YouTube Clone using Flutter UI kit, Firebase as backend and Riverpod for managing state.
Features:
Google Sign in Authentication,
collecting user data,
able to create unique username,
upload long and short Videos,
display all the videos,
profile customization,
display suggested videos under each video,
like and view videos,
subscribe other channels,
move video forward and backward,
see progress of the video,
add comments,
edit short Videos,
search channels and videos,
logout,
This tutorial is for beginners, and I will cover topics related to Firebase and Riverpod from scratch, but a basic understanding of Flutter and Dart concepts is required. If you are familiar with some core concepts like stateless and stateful widget, data types in Dart, core widgets like Column, row
and Container... then this course is for you.
Source Code:
Starting Project:
https://github.com/CoderrHQ/youtube-c...
Final Project:
https://github.com/CoderrHQ/youtube-c...
Content:
(0:00) : Introduction
(1:50) : Create Firebase Project
(8:15) : Introduce starting project
(11:33) : Login page UI
(16:56) : Google Sign In
(21:12 ) : Introduce Flutter Riverpod
(29:18) : Sign in methods
(33:34) : Create Firestore database
(35:33) : collect user data
(57:52) : username validation logic
(01:21:50) :Channel Feature
(01:27:56) : Fetch user data
(01:34:53) : my channel page UI
(01:56:44) : display my channel data provider
(2:01:07) : Channel settings UI
(02:18:34) customize channel logic
(2:30:48) : Users Channel page UI
(02:43:12) : Start Upload Feature
(02:57:07) : Pick video method
(03:26:02) : Upload Long Video
(03:44:18) : Account Page
(03:52:10) : Create Video's thumbnail page
(03:54:00) : Display Long Videos
(04:20:42) : acctual video
(04:38:01) : play and pause video
(05:02:43) : Display Suggested videos
(05:11:15) : Comment Feature
(05:23:00) : Comment sheet UI
(05:41:31) : Display Comments
(05:52:17) : Start Short Video Feature
(05:56:56) : Edit short Video || video editor package
(06:11:03) : Export Video
(06:27:40) : Add short video to Firestore
(06:35:35) : Display Short Videos
(06:50:23) : Search Feature
(07:08:22) : Filter Videos and Channels
(07:59:16) : First comment in each video
(08:08:26) : Like Video Logic
(08:17:54): View Video
(08:19:22) : Subscribe Channels
If you want to see more Flutter tutorials, you can subscribe our channel and press the bell icon to never miss any video.
Our Team is ready to create your mobile app projects, DM for more details:
Code HQ Discord group:
Discord: / discord
Firebase authentication
Flutter riverpod project
Riverpod flutter tutorial
create youtube clone with flutter and firebase
firebase tutorial
flutter clone
flutter riverpod generator
flutter state management provider
learn flutter
flutter tutorial for beginners
master firebase and riverpod
riverpod flutter
riverpod statemanagment
youtube clone with flutter and riverpod
firebase tutorial flutter riverpod project
Firebase authentication
firebase tutorial