Flutter tutorial - Build an Uber clone with Flutter and Supabase

Описание к видео Flutter tutorial - Build an Uber clone with Flutter and Supabase

Learn how to build a full-stack Uber clone application with Flutter, utilizing Supabase's database, real-time, edge functions, and authentication.

Full code here: https://github.com/dshukertjr/uber-clone

In this tutorial,   / dshukertjr   demonstrates how to use various Google Maps APIs and Supabase features to create a fully functional Uber clone app on Flutter with a full backend. The app will draw a path from the origin to the destination and have a custom car icon move within the map as the driver drives through the roads by listening to the driver's real-time location.

00:00 Intro and a demo of the final app
00:42 Adding dependencies
02:30 Displaying Google Maps on the app
05:37 Introduction to the Routes API
06:20 Writing the Edge Function to call the Routes API
14:17 Deploy and test the function
17:08 Defining the states of the app
18:42 Requesting location permission
27:11 Implementing choosing location state
39:07 Set a pin marker when the user chooses the destination
42:11 View the path being drawn on the map
48:11 Adding a bottom sheet for the user to confirm the fare
57:42 Creating the tables, functions, and triggers on Supabase
1:06:00 Implement the find-a-driver feature
1:26:18 Add anonymous sign-in
1:27:40 Point the car in the direction that it’s moving
1:33:47 Display car info on the bottom sheet
1:36:30 Update the app status from the ride listener
1:42:46 Run through the full flow manually
1:45:23 Run the app with a script to simulate a driver
1:49:20 Outro

💻 Videos to watch next:
▶    • Using Claude 3.5 Sonnet and Supabase ...  
▶    • Flutter Database & User Authenticatio...  
▶    • Add live cursor sharing using Flutter...  

👇 Learn more about Supabase 👇

🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs

🔔 Subscribe for more tutorials and feature updates from Supabase:    / @supabase  

📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://discord.supabase.com/
🐦 Twitter:   / supabase  
▶ Instagram (follow for memes):   / supabasecom  


ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.

Build in a weekend, scale to millions.

#Supabase #AppDevelopment #RealtimeApps #DeveloperTools

Комментарии

Информация по комментариям в разработке