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://bit.ly/neon-db
⭐ Clerk - https://go.clerk.com/DtiSBEI

📙 React Native Guide: https://resource.jsmastery.pro/ultimate-react-native-guide
🎨 Uber Clone App Figma Design - https://resource.jsmastery.pro/uber-clone
🤖 Special Discord Forum - https://resource.jsmastery.pro/uber-discord
💿 Free Database Course - https://resource.jsmastery.pro/database-course

🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14
🚀 Skyrocket your career: https://jsmastery.pro/dev-career-accelerator

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

💻 Join our Discord Community: https://discord.com/invite/n6EdbFJ
🐦 Follow us on Twitter: https://x.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery
🔗 Follow us on LinkedIn: 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

YouTube

The post describes a comprehensive course on building a full-stack mobile app using React Native. Highlights include creating an Uber clone with 15 screens and advanced features like Expo router, global state management with Zustan, Expo Location, PostgreSQL database, email authentication with Clerk, and Stripe payments. The course aims to teach a wide range of essential mobile app development skills including splash screens, custom tabs, navigation models, Google Maps integration, and responsive design across devices. It also introduces useful development tools like WebStorm for enhanced productivity.

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