🚕 Full Stack Uber Clone

Two errors need amending and then initial development will finalise.

This project is a comprehensive Uber Clone mobile app built during the JavaScript Mastery course. It uses the latest features of React Native, Expo, TypeScript, and a lightning-fast edge-ready Postgres database (NeonDB).

Designed and taught by Adrian Hajdin of JavaScript Mastery, this build demonstrates how to architect a scalable, responsive, and production-grade application with advanced features like authentication, geolocation, payments, and state management.

---

🐛 Bugs

• Splash Screen Issues
  The splash screen may not render correctly on certain devices or emulators. This is currently being investigated.

• API Parsing Errors
  Some API calls may fail due to misconfiguration in the environment or server settings (I believe), resulting in data parsing errors. Placeholder data is currently used, but the underlying functionality is implemented and requires final testing after configuration adjustments.

---

⚙️ Tech Stack

• React Native (Expo) – Frontend mobile development
• TypeScript – Typed JavaScript for better maintainability
• NeonDB (PostgreSQL) – Edge-ready serverless relational database
• Stripe – Payment integration
• Tailwind CSS – Utility-first styling
• Zustand – Lightweight state management
• Google Maps API – Location services and routing
• Google Places API – Location autocomplete
• Clerk – Authentication and user management

---

🔋 Features

👉 Onboarding Flow
👉 Email & Password Authentication with Verification
👉 OAuth Using Google
👉 Home Screen with Live Location & Google Map
👉 Recent Rides Overview
👉 Find Rides by Location
👉 Select Rides from Nearby Cars on Map
👉 Confirm Ride with Time and Price Details
👉 Pay for Ride Using Stripe
👉 Ride Created After Successful Payment
👉 User Profile Management
👉 View Ride History

---

🤸 Quick Start

✅ Prerequisites

Make sure you have the following installed:

• Git
• Node.js
• npm
• Expo CLI

📦 Install Dependencies

npm install

🔐 Set Up Environment Variables

Create a .env file in the root of your project and add:

• EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=
• EXPO_PUBLIC_PLACES_API_KEY=
• EXPO_PUBLIC_DIRECTIONS_API_KEY=
• DATABASE_URL=
• EXPO_PUBLIC_SERVER_URL=https://uber.dev/
• EXPO_PUBLIC_GEOAPIFY_API_KEY=
• EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=
• STRIPE_SECRET_KEY=

Start the App

• npx expo start

---

📺 Course Link

This project was built using the JavaScript Mastery Uber Clone Course.
Watch the full tutorial on YouTube:
🔗 Build a Full Stack Uber Clone App (YouTube)

---

📄 License

This project is licensed under the MIT License.

---

⭐ Support

If you found this project helpful, consider giving it a ⭐ on GitHub and joining the JSMastery community:

• JS Mastery Discord
• JS Mastery Pro
• More Projects