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.

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:

👇 Learn more about Supabase 👇

📱 Connect with Us:

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

[Ende-ik]

Wow! Was searching for this! theres wayy too many react tutorial and flutter is on-demand but with supabase tutorials are hard to find please keep this Flutter

[Usumba-iw]

Man!!! You are the GUY!!! just I love Flutter just started with it and am using supabase...Flutter all the way no doubt

[hbflx]

coming from official Supabase, insane 🔥🔥🔥🔥✌✌

[ngolacifras]

I was just looking for this! perfect timing hopefully has all features for driver and user...Love flutter

[Yusuf-okrk]

such a good tutorial. i wont ever code in flutter but i am checking the supabase related parts.

[adypanegara]

I use ur code for my start up, thanks master. You inspiring me

[Dipankarr_]

Please upload more Flutter videos. I love Supabase 🔥💙

[ItzValiantX]

A tutorial in Jetpack Compose will be loved too!😍

[erkinovalim]

Can you make a shopping app using Flutter and Supabase next? Love your videos!👍❤

[mugadzaelliot]

Very interesting tutorial.. I love it.. Do you have the Rider and Drive side also

[NombasaKona]

More tutorials with Flutter notification on value change like order also how to send point to point notification with token? we need firebase??

[NombasaKona]

Needed this! food ordering system with user point to point notification for triggering notification to user on value change! in the database with Flutter!

[eqoram]

Nice tutorial! I was wondering if you could put the logic of the Routes API Edge Function in a Postgres Function instead? :)

[utúuala]

Thanks quite handy best cross platform

[leodang]

Hope to see your video about photo, video camera app with photo / video editor such as PhotoRoom, ProCam or ReLens Camera, using Supabase and Flutter

[crushfire]

Can you make a playlist for videos related to GIS in supabase, would be helpful

[josechava]

Buenos días, eso es lo que estoy tratando de hacer, una plataforma para taxis, lo intento en flutter flow (Nocode) pero creo que lo ideal es el código, toca aprender, no se nada, de hecho lo intentaré una vez mas ahora con Supabase y Mapbox, mi PC no soporta Android Studio ni sus emuladores o aun no lo se configurar bien, tratare de entender y aprender en Visual Studio Code, agradezco el tutorial lo estudiare y seguire tu

[AnuragChauhan-iqih]

Supabase function invoke is throwing an unknown error. What could be the resason, Can you please help me out? When calling the confirm location function.

[gedeonmuissa]

All this looks awesome with one driver. but if you have millions of drivers and you want only realtime drivers around a given point(LAT, LONG). How do you do that?

[BehindTheScenes]

I need alternative for google maps please