Full Stack Flutter, Firebase and Riverpod – Build a YouTube Clone

freeCodeCamp.org June 3, 2024
Video Thumbnail
freeCodeCamp.org Logo

freeCodeCamp.org

View Channel

About

Learn math, programming, and computer science for free. A 501(c)(3) tax-exempt charity. We also run a free learning interactive platform at freecodecamp.org

Video Description

In this beginner's course, you will build a fully functional YouTube Clone using Flutter UI kit, Firebase as backend, and Riverpod for managing state. It could be helpful to have some familiarity of basic Flutter and Dart before starting this course. ✏️ Course developed by @codeheadq 💻 Code: - Starting Project: https://github.com/CoderrHQ/youtube-clone/tree/main - Final Project: https://github.com/CoderrHQ/youtube-clone/tree/final_project ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ 0:00:00 Introduction 0:02:20 Create Firebase Project 0:08:45 Introduce starting project 0:12:03 Login page UI 0:17:26 Google Sign In 0:21:42 Introduce Flutter Riverpod 0:29:48 Sign in methods 0:34:04 Create Firestore database 0:36:03 collect user data 0:58:22 username validation logic 1:22:20 Channel Feature 1:28:26 Fetch user data 1:35:23 my channel page UI 1:57:14 display my channel data provider 2:00:37 Channel settings UI 2:18:04 customize channel logic 2:30:18 Users Channel page UI 2:42:42 Start Upload Feature 2:57:37 Pick video method 3:26:32 Upload Long Video 3:44:48 Account Page 3:52:40 Create Video's thumbnail page 3:54:30 Display Long Videos 4:21:12 acctual video 4:38:31 play and pause video 5:03:13 Display Suggested videos 5:11:45 Comment Feature 5:23:30 Comment sheet UI 5:42:01 Display Comments 5:52:47 Start Short Video Feature 5:57:26 Edit short Video || video editor package 6:11:33 Export Video 6:28:10 Add short video to Firestore 6:36:05 Display Short Videos 6:50:53 Search Feature 7:08:52 Filter Videos and Channels 7:59:46 First comment in each video 8:08:56 Like Video Logic 8:18:24 View Video 8:19:52 Subscribe Channels

You May Also Like

iPhone 13 Essentials Today

AI-recommended products based on this video

Loading...
iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White

iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White

(4,813)
7.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
Loading...
Kaistyle for Magsafe Car Mount【20 Strong Magnets】 Magnetic Phone Holder for Car Phone Holder Mount Dash Cell Phone Holders for Your Car Accessories for Women Men for iPhone 17 Pro Max 16 15 14 13 12 ClimatePartner certified
Best Seller

Kaistyle for Magsafe Car Mount【20 Strong Magnets】 Magnetic Phone Holder for Car Phone Holder Mount Dash Cell Phone Holders for Your Car Accessories for Women Men for iPhone 17 Pro Max 16 15 14 13 12 ClimatePartner certified

(16,688)
$9.99
FREE delivery Sun, Sep 21 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard
Best Seller

Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard

(10,765)
$26.99$26.45
FREE delivery Fri, Oct 3 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
LISEN Retractable Car Charger, 69W USB C Car Accessories Adapter for iPhone 17 USB C Charger Fast Charging, Gifts for Women Men, Travel Essentials, for iPhone 17 Pro Max Air 16 15 14 13 12 Samsung S25
Best Seller

LISEN Retractable Car Charger, 69W USB C Car Accessories Adapter for iPhone 17 USB C Charger Fast Charging, Gifts for Women Men, Travel Essentials, for iPhone 17 Pro Max Air 16 15 14 13 12 Samsung S25

(10,850)
$16.99
FREE delivery Sun, Sep 21 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
PQRQP 3 in 1 Professional Wireless Lavalier Microphone for iPhone, Android, Camera, Wireless Microphones, Mini Microphone, Crystal Clear Sound Quality for Recording, Live Streaming, YouTube, TikTok
Best Seller

PQRQP 3 in 1 Professional Wireless Lavalier Microphone for iPhone, Android, Camera, Wireless Microphones, Mini Microphone, Crystal Clear Sound Quality for Recording, Live Streaming, YouTube, TikTok

(675)
$29.98
FREE delivery Thu, Sep 4 on $35 of items shipped by Amazon
9K+ bought in past month
Loading...
Belkin BoostCharge Lightning Cable - 6.6ft/2M - MFi Certified Apple iPhone Charger USB to Lightning Cable - iPhone Cable - iPhone Charger Cord - Apple Charger - USB Phone Charger - Black

Belkin BoostCharge Lightning Cable - 6.6ft/2M - MFi Certified Apple iPhone Charger USB to Lightning Cable - iPhone Cable - iPhone Charger Cord - Apple Charger - USB Phone Charger - Black

(3,522)
11.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
100+ bought in past month
Loading...
ANKER 737 Power Bank, 24,000mAh 3-Port Laptop Portable Charger with 140W Fast Charging, Smart Display, for Outdoor Work, Compatible with iPhone 16/15/14 Series, Vision Pro, Samsung, MacBook, and More

ANKER 737 Power Bank, 24,000mAh 3-Port Laptop Portable Charger with 140W Fast Charging, Smart Display, for Outdoor Work, Compatible with iPhone 16/15/14 Series, Vision Pro, Samsung, MacBook, and More

(13,939)
109.99
FREE delivery Saturday, June 14
9K+ bought in past month
Loading...
Anker iPhone 16 Charger, 2-Pack 20W Fast USB C Charger Block, for iPhone 16/16 Pro Max/15 Series/iPad Pro and More (White, 2 Pack & 2 Cable)

Anker iPhone 16 Charger, 2-Pack 20W Fast USB C Charger Block, for iPhone 16/16 Pro Max/15 Series/iPad Pro and More (White, 2 Pack & 2 Cable)

(16,565)
13.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
10K+ bought in past month
Loading...
Anker Power Bank(PowerCore 10K),Compact Travel-Ready 10,000mAh Battery Pack with PowerIQ Charging Technology,5V/3A High-Speed Charging for iPhone,iPad,and More (USB-C Input and Output(Black),1pack) ClimatePartner certified

Anker Power Bank(PowerCore 10K),Compact Travel-Ready 10,000mAh Battery Pack with PowerIQ Charging Technology,5V/3A High-Speed Charging for iPhone,iPad,and More (USB-C Input and Output(Black),1pack) ClimatePartner certified

(109,961)
$17.99$17.81
FREE delivery Fri, Aug 8 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

(38,487)
$199.00$187.32
FREE delivery Fri, Oct 3
10K+ bought in past month
Loading...
Apple Watch Series 10 [GPS 46mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - M/L. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant
Best Seller

Apple Watch Series 10 [GPS 46mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - M/L. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

(7,994)
$329.00$296.10
FREE delivery Thu, Jul 3
1K+ bought in past month
Loading...
Apple Watch Series 10 [GPS 42mm case] Smartwatch with Jet Black Aluminium Case with Black Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant
Best Seller

Apple Watch Series 10 [GPS 42mm case] Smartwatch with Jet Black Aluminium Case with Black Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

(7,993)
$299.00$269.10
FREE delivery Thu, Jul 3
8K+ bought in past month
Loading...
Temdan for Travel Essentials,3 in 2 USB C Cable for Apple Watch Charger/iPhone 16 Charger/Lightning,Multi Charging Cable Cord,Camping Essentials,Portable Designed for iWatch Series &iPhone 16-12-4FT Global Recycled Standard

Temdan for Travel Essentials,3 in 2 USB C Cable for Apple Watch Charger/iPhone 16 Charger/Lightning,Multi Charging Cable Cord,Camping Essentials,Portable Designed for iWatch Series &iPhone 16-12-4FT Global Recycled Standard

(2,378)
$8.49
FREE delivery Sat, Aug 9 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
BOSTANTEN Women Leather Wallet RFID Blocking Small Bifold Zipper Pocket Wallet Card Case Purse with ID Window

BOSTANTEN Women Leather Wallet RFID Blocking Small Bifold Zipper Pocket Wallet Card Case Purse with ID Window

(17,582)
29.99
PrimeFREE delivery Saturday, June 14 on orders shipped by Amazon over $35
300+ bought in past month
Loading...
TOCOL for iPhone 17 Pro Case, Full Camera Protection, Built-in Magnetic Ring, Compatible with Magsafe Charger, Drop Protection, Translucent Matte Phone Case for iPhone 17 Pro 6.3 inch (Black) Global Recycled Standard
Best Seller

TOCOL for iPhone 17 Pro Case, Full Camera Protection, Built-in Magnetic Ring, Compatible with Magsafe Charger, Drop Protection, Translucent Matte Phone Case for iPhone 17 Pro 6.3 inch (Black) Global Recycled Standard

(23,902)
$9.99
FREE delivery Mon, Sep 29 on $35 of items shipped by Amazon
New on Amazon in past month
Loading...
MagSafe Charger 2 Pack 15W Magnetic Wireless Charger Fast Charging Pad Compatible with iPhone 17/16/15/14/13/12 Series & AirPods 3/2/Pro Magnetic MagSafe Charging Pad with Dual Ports ClimeCo Certified

MagSafe Charger 2 Pack 15W Magnetic Wireless Charger Fast Charging Pad Compatible with iPhone 17/16/15/14/13/12 Series & AirPods 3/2/Pro Magnetic MagSafe Charging Pad with Dual Ports ClimeCo Certified

(6,051)
$13.28
FREE delivery Fri, Nov 14 on $35 of items shipped by Amazon
10K+ bought in past month