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

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

freeCodeCamp.org via freeCodeCamp Direct link

Login page UI

4 of 40

4 of 40

Login page UI

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Create Firebase Project
  3. 3 Introduce starting project
  4. 4 Login page UI
  5. 5 Google Sign In
  6. 6 Introduce Flutter Riverpod
  7. 7 Sign in methods
  8. 8 Create Firestore database
  9. 9 collect user data
  10. 10 username validation logic
  11. 11 Channel Feature
  12. 12 Fetch user data
  13. 13 my channel page UI
  14. 14 display my channel data provider
  15. 15 Channel settings UI
  16. 16 customize channel logic
  17. 17 Users Channel page UI
  18. 18 Start Upload Feature
  19. 19 Pick video method
  20. 20 Upload Long Video
  21. 21 Account Page
  22. 22 Create Video's thumbnail page
  23. 23 Display Long Videos
  24. 24 acctual video
  25. 25 play and pause video
  26. 26 Display Suggested videos
  27. 27 Comment Feature
  28. 28 Comment sheet UI
  29. 29 Display Comments
  30. 30 Start Short Video Feature
  31. 31 Edit short Video || video editor package
  32. 32 Export Video
  33. 33 Add short video to Firestore
  34. 34 Display Short Videos
  35. 35 Search Feature
  36. 36 Filter Videos and Channels
  37. 37 First comment in each video
  38. 38 Like Video Logic
  39. 39 View Video
  40. 40 Subscribe Channels

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.