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

Published: 17 August 2024
on channel: JavaScript Mastery

381,767

11k

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

⭐ WebStorm: https://jb.gg/JSMastery
⭐ NeonDB - https://fyi.neon.tech/1jsm
⭐ Clerk - https://go.clerk.com/DtiSBEI

📙 Limited-time FREE 218-page Ultimate Next.js eBook - https://resource.jsmastery.pro/nextjs...
📙 React Native Guide: https://resource.jsmastery.pro/ultima...
🎨 Uber Clone App Figma Design - https://resource.jsmastery.pro/uber-c...
🤖 Special Discord Forum - https://resource.jsmastery.pro/uber-d...
💿 Free Database Course - https://resource.jsmastery.pro/databa...

🌟 Become a top 1% Next.js 15 developer: https://jsmastery.pro/next15
🚀 Skyrocket your career: https://jsmastery.pro/dev-career-acce...

📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/uber
README (assets & code): https://github.com/adrianhajdin/uber/...

💻 Join our Discord Community:   / discord
🐦 Follow us on Twitter: https://x.com/jsmasterypro
🖼️ Follow us on Instagram:   / javascriptmastery
🔗 Follow us on LinkedIn:   / javascriptmastery

💼 Business Inquiries: [email protected]

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