Feature |
Description |
|---|---|
| 1. Home Screen with Live Location & Google Map | Real-time location tracking with markers on a map. |
| 2. Rides | View a list of recent rides at a glance. Search for rides by entering 'From' and 'To' locations. Choose available cars near your location from the map. View complete ride details, including time and fare price. |
| 3. Google Places Autocomplete | earch any place on Earth with autocomplete suggestions. |
| 4. Pay for Ride Using Stripe | Make payments using multiple methods like cards and others. |
| 5. Clean, Modern UI using TailwindCSS | A visually appealing and user-friendly interface that provides a seamless experience across devices, built with cutting-edge technologies for optimal performance and responsiveness. |
Category |
Choice |
Descriptions |
|---|---|---|
| Frontend | React Native | Declarative and component-based for building interactive UIs. |
| Web Framework | Expo | Server-side rendering and static site generation for SEO and performance. |
| Language | TypeScript | Static typing for improved code maintainability and fewer errors. |
| CSS Framework | Tailwind CSS | Utility-first approach for rapid UI development and customization. |
| NeonTech | NeonTech | Real-time data management, serverless functions, and efficient queries. |
| Authentication | Clerk | Seamless user authentication and authorization. |
| Google Maps | Google Maps | Comprehensive mapping and location services for web and mobile applications. |
| Stripe | Stripe | Robust payment processing and financial services for online businesses. |
| State Management | Zustand | Lightweight and performant for managing application state. |
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/achris-alonzo30/uber-clone.git
# Go into the repository
$ cd uber clone
# Install dependencies
$ npm install or bun install
# Run the app
$ npx expo start -cCopy this and paste it in your .env or .env.local.
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=