Ryde
Uber Clone app using React Native, Google Maps, Stripe, and a serverless Postgres database, showcasing expertise in full-stack mobile development and UI styling with TailwindCSS.
Benjamin Noje
About This Project
Ryde is an Uber Clone app developed to provide a seamless ride-hailing experience. Built with React Native for a polished user interface, this app integrates Google Maps for real-time directions, Stripe for secure payment processing, and a serverless Postgres database for efficient data management. Styled with TailwindCSS, Ryde combines functionality and aesthetics for a smooth user experience.
The app leverages a full-stack mobile development approach, with React Native and Expo for cross-platform support, and Zustand and Clerk for state management and authentication. Its backend includes robust data handling and secure transactions, enabling features like location tracking, ride history, and user profiles.
Ryde was a fulfilling project that pushed development boundaries, incorporating complex APIs, secure payment processing, and real-time location services. Feedback from users highlighted its intuitive interface and reliability in creating a consistent, enjoyable ride-booking experience.
Features 🚖
- 🚀 Onboarding Flow - Smooth registration and setup process for new users.
- 🔒 Email Password Authentication with Verification - Secure login with email verification.
- 🔗 OAuth with Google - Simplified login through Google credentials.
- 🗺️ Home Screen with Live Location & Google Map - Displays real-time location tracking and map markers.
- 🕒 Recent Rides - Quick access to recently booked rides.
- 🌍 Google Places Autocomplete - Search places worldwide with autocomplete suggestions.
- 🚗 Find Rides - Search for rides by selecting starting and destination points.
- 📍 Select Rides from Map - Choose available vehicles from a nearby location map.
- ✅ Confirm Ride with Details - Access ride details, including time and fare estimates.
- 💳 Pay for Ride Using Stripe - Make secure payments with various methods.
- 📅 Ride History - Review past rides and transaction history.
- 🧑💼 Profile - Manage account information from the profile screen.
- 📲 Responsive on Android and iOS - Optimized user experience for both platforms.
⚙️ Tech Stack
- React Native
- Expo
- Stripe
- PostgreSQL
- Google Maps
- Zustand for state management
- Clerk for user authentication
- TailwindCSS for UI styling