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