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


Watch video Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind online without registration, duration hours minute second in high quality. This video was added by user JavaScript Mastery 17 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 381,767 once and liked it 11 thousand people.