Skip to content

PRO TIP Block youtube.com at the DNS level โ€” Pi-hole, NextDNS or your hosts file โ€” but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind

721K views on YouTube

Build a full-stack Uber Clone Application with Expoโ€™s latest features and lightning-fast edge-ready Postgres database in React Native.

โญ Join JS Mastery Pro: https://jsm.dev/uber-jsmpro
๐Ÿ’Ž Become a Top 1% Next.js Developer: https://jsm.dev/uber-nextjs

๐Ÿ“ Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/uber-kit

Clerk: https://jsm.dev/uber-clerk
NeonDB: https://jsm.dev/uber-neondb
WebStorm: https://jsm.dev/uber-webstorm

Rate us on TrustPilot: https://jsm.dev/trustpilot

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps ๐Ÿ‘‡
00:00:00 โ€” Intro
00:06:04 โ€” IDE Setup
00:09:02 โ€” Project Setup
00:25:43 โ€” WebStorm Customization
00:28:38 โ€” File & Folder Structure and Router Setup
00:47:50 โ€” Onboarding Screens
01:11:28 โ€” Auth Screens
01:30:46 โ€” Clerk Email Authentication
02:01:30 โ€” Bottom Tab Bar
02:10:10 โ€” NeonDB Implementation & API routes
02:26:21 โ€” HomePage UI
02:57:25 โ€” Map Functionality
03:05:28 โ€” Zustand State Management
03:25:50 โ€” Location Autocomplete Feature
03:28:22 โ€” Find Ride Screen
03:55:55 โ€” Confirm Ride Screen
04:01:41 โ€” Book Ride Screen
04:07:07 โ€” Stripe Payment Implementation
04:48:00 โ€” Map Path Direction & Completing the Main Flow
05:07:39 โ€” Implementing Real Dynamic Data
05:10:44 โ€” Implementing oAuth Authentication
05:19:32 โ€” Rides History Screen
05:22:00 โ€” oAuth Redirection Issue and Other Fixes
05:27:31 โ€” Profile and Message Screens