Flutter, Firebase & Riverpod Master Class - Build a COMPLETE Reddit Clone App
Rivaan Ranawat Rivaan Ranawat
49.1K subscribers
109,705 views
0

 Published On Oct 19, 2022

This is a Tutorial to build Responsive Reddit Clone, a Social Media application with Flutter as frontend framework and Firebase as Backend! This app consists of all the popular features from Reddit. One can login with Google or as Guest where there are guest restricted features, for example displaying the latest posts, dissimilar to what happens in Google Sign In, where we get posts from the communities we are a part of. With Google Sign In, one can also create and join communities, edit description and avatar of community, edit user profile, share text, link or image based posts, upvote, downvote, comment, award, delete, with moderator special features like adding other moderators and deleting any post. Also, one can toggle the theme in the application, from dark mode to light mode or vice versa. It is a completely responsive project, accessible on Android, iOS & Web.
In this process, learn about designing Responsive UI and manage routing with Flutter, writing backend code and complex queries with Firebase and State Management with Riverpod 2.0!

Prerequisites: Flutter & Dart Basics

📌 Discord Server:   / discord  
Source Code: https://github.com/RivaanRanawat/flut...
Special Thanks: @aadhiarun2230

Resources:
- Colors: https://github.com/RivaanRanawat/flut...
- Images: https://github.com/RivaanRanawat/flut...
- Constants: https://github.com/RivaanRanawat/flut...
Upvote Icon Font: https://github.com/RivaanRanawat/flut...
- Awards: https://reddit.fandom.com/wiki/Awards
- SHA-1 Key: https://stackoverflow.com/questions/5...

Timestamps:
(00:00:00) Introduction & Demo
(00:01:33) Flutter Project Setup
(00:05:38) Flutter Folder Structure Explanation
(00:09:31) Login Screen UI
(00:24:32) Firebase Setup
(00:36:00) Google Sign In Firebase Authentication
(01:05:03) Storing Data to Firestore
(01:21:18) Efficient Exception Handling Technique
(01:38:05) Storing Data to Provider
(01:52:20) Flutter Route Management
(01:56:57) Firebase State Persistence
(02:15:34) Home Screen AppBar UI
(02:18:40) Community List Flutter Drawer
(02:27:10) Create Community Screen UI
(02:34:48) Creating Communities and Storing to Firebase
(02:55:52) Displaying User Communities
(03:08:44) Community Profile UI
(03:31:31) Mod Tools UI
(03:39:40) Edit Community Screen UI
(04:00:00) Editing Community
(04:23:43) Searching Communities
(04:39:31) User Profile Drawer UI
(04:45:13) Logging User Out
(04:47:58) Joining & Leaving Communities
(04:57:50) Adding Moderators
(05:14:39) User Profile UI
(05:21:27) Edit User Profile
(05:38:14) Toggling Theme
(05:52:13) Bottom Nav Bar
(05:58:52) Add Post Screen UI
(06:05:50) Sharing Link, Image & Text Only Posts
(06:40:58) Fetching Feed Posts
(07:16:20) Deleting Posts
(07:21:30) Upvoting/Downvoting Posts
(07:29:25) Moderator Option on Posts
(07:35:40) Displaying Posts on User Profile
(07:45:19) Comments on Posts
(08:14:28) Updating User Karma Based on Activities
(08:24:54) Awarding the Post/User
(08:46:06) Firebase Login as Guest
(08:50:04) Restricting Guest Features
(09:04:50) Running on Web - Flutter Responsive UI
(09:34:59) Conclusion

Join this channel to get access to perks:
   / @rivaanranawat  

Connect With Me Here:
Instagram:   / optimalcoding  
GitHub: https://github.com/rivaanranawat
Linkedin:   / rivaan-ra.  .
Facebook:   / rivaan.ranawat  
Mail: [email protected]
Medium:   / namanrivaan  
Twitter:   / ranawatrivaan  

#flutter #firebase #reddit

show more

Share/Embed