Supabase & Riverpod Mini course | Build a Realtime Photo Sharing App

How to build a real-time photo sharing Flutter app using Supabase for backend storage and Riverpod for state management.

In this mini course, we will teach you how to create a real-world application using two powerful tools, Supabase and Riverpod. Supabase is an open-source Firebase alternative that offers a set of tools to create scalable and secure web and mobile applications. On the other hand, Riverpod is a state management library for Flutter that provides a simple, composable way of managing application state. It uses dependency injection to enable sharing state across the app and offers an intuitive API for managing state. By the end of the course, you will have a fully functional photo sharing app that uses Supabase for data storage and using Riverpod for state management. === Contents of this video === 00:00 Intro 00:35 App Demo 01:53 Database Modelling Overview 03:00 Create new Supabase project 03:30 Create tables for profiles, memories and likes 06:21 Add policies for profiles, memories and likes tables 08:36 Create function and trigger on Auth users table 10:30 Create and configure storage bucket for images 11:13 Codebase Overview 11:31 Initialise Supabase in main.dart 12:35 Implement User Registration and Verification 18:24 Amend email templates for code verification 19:24 Test and Confirm on_auth_user_added trigger 23:13 Refactor snackbar logic with Extension Methods 24:48 Implement Auth Repository for logged in user view 26:05 Implement Auth User StreamProvider 28:47 Implement User Authentication Login Flow 30:18 Manually Populate DB and Bucket with Memory information 31:16 Implement Memory Repository 32:33 Implement Memory Notifier and Memory List View widget 34:50 Implement Memory data class 36:54 Implement Memory Item View widget 38:54 Implement Memory Item Form with submit behaviour 44:19 Implement Realtime Subscriptions 🔥 47:12 Implement Edit memory feature 51:40 Implement Delete memory feature 53:40 Implement Likes feature 1:00:45 Demo of Complete App 1:02:05 Outro Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #supabase #flutter #dartlang #riverpod #statemanagement Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍 Get the source code → github.com/graphicbeacon/supabase_riverpod_minicourse Get started with Dart course → bit.ly/getstartedwithdart Get Supabase → supabase.com Supabase Flutter Quickstart → supabase.com/docs/guides/getting-started/quickstarts/flutter Riverpod Docs → docs-v2.riverpod.dev/ Flutter docs → flutter.dev Subscribe to the channel → bit.ly/2P2N1jC Read More Dart Tutorials → creativebracket.com Buy me a coffee → ko-fi.com/creativebracket LET'S CONNECT --- Twitter → twitter.com/creativ_bracket Support the channel → patreon.com/creativebracket