{"id":20021887,"url":"https://github.com/arushsingh03/uber-clone","last_synced_at":"2025-09-20T04:32:23.807Z","repository":{"id":254704686,"uuid":"846850114","full_name":"arushsingh03/uber-clone","owner":"arushsingh03","description":"A full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native.","archived":false,"fork":false,"pushed_at":"2024-10-22T13:36:37.000Z","size":7720,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-13T08:39:26.083Z","etag":null,"topics":["clerk","expo","google-maps-api","neondb","postgresql","react-native","stripe","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arushsingh03.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-24T05:58:44.000Z","updated_at":"2024-10-22T13:36:41.000Z","dependencies_parsed_at":"2024-08-27T16:13:01.527Z","dependency_job_id":"09892906-0aae-41e7-a37d-916a61259262","html_url":"https://github.com/arushsingh03/uber-clone","commit_stats":null,"previous_names":["arushsingh03/uber-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arushsingh03%2Fuber-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arushsingh03%2Fuber-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arushsingh03%2Fuber-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arushsingh03%2Fuber-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arushsingh03","download_url":"https://codeload.github.com/arushsingh03/uber-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233628915,"owners_count":18705155,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clerk","expo","google-maps-api","neondb","postgresql","react-native","stripe","tailwindcss"],"created_at":"2024-11-13T08:38:32.468Z","updated_at":"2025-09-20T04:32:18.125Z","avatar_url":"https://github.com/arushsingh03.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n      \u003ch1\u003e \u003cimg src=\"https://cdn-icons-png.flaticon.com/128/4277/4277508.png\"\u003e\u003cbr/\u003eRyde\u003c/h1\u003e\n     \u003c/div\u003e\n\u003cp align=\"center\"\u003e \u003ca href=\"https://x.com/arush_singh03\" target=\"_blank\"\u003e\u003cimg alt=\"\" src=\"https://img.shields.io/badge/Twitter-1DA1F2?style=normal\u0026logo=twitter\u0026logoColor=white\" style=\"vertical-align:center\" /\u003e\u003c/a\u003e \u003ca href=\"https://www.instagram.com/arushsingh03/\" target=\"_blank\"\u003e\u003cimg alt=\"\" src=\"https://img.shields.io/badge/Instagram-E4405F?style=normal\u0026logo=instagram\u0026logoColor=white\" style=\"vertical-align:center\" /\u003e\u003c/a\u003e \u003ca href=\"https://www.linkedin.com/in/arushsingh03}\" target=\"_blank\"\u003e\u003cimg alt=\"\" src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=normal\u0026logo=linkedin\u0026logoColor=white\" style=\"vertical-align:center\" /\u003e\u003c/a\u003e \u003c/p\u003e\n\n# Description\nThe Ryde or Uber-clone is a React Native-based mobile application that mimics the core functionalities of ride-hailing services like Uber. The project focuses on building a robust and user-friendly platform that allows users to book rides, view ride details, and make payments seamlessly. The application integrates multiple technologies and services such as Clerk for authentication, Google Maps APIs for location and routing, Stripe for payment processing, NeonDB for database management, and TailwindCSS for styling.\n\n# Features\n\n# User Authentication (Clerk):\n\n- Secure and scalable user authentication with Clerk.\n- Support for multiple authentication methods including email, password, and social logins (Google, Facebook, etc.).\n- Account management features such as profile updates, password resets, and two-factor authentication.\n\n# Location and Navigation (Google Maps APIs):\n\n- Real-time location tracking using Google Maps.\n- Display of available drivers and user location on the map.\n- Route suggestions, distance calculations, and estimated time of arrival (ETA).\n- Integration of location-based features like pickup and drop-off point selection.\n\n# Payment Processing (Stripe):\n\n- Seamless and secure payments with Stripe.\n- Support for multiple payment methods including credit/debit cards, digital wallets, etc.\n- Automated fare calculation based on distance and time.\n- Invoice generation and transaction history tracking.\n\n# Database Management (NeonDB):\n\n- Cloud-based database with NeonDB for managing user, driver, and ride data.\n- Real-time data synchronization and offline support.\n- Efficient data handling with support for complex queries and relationships.\n\n# Styling and UI (TailwindCSS):\n\n- Modern and responsive UI with TailwindCSS.\n- Predefined and custom styles for a consistent and visually appealing design.\n- Mobile-first approach to ensure smooth performance on all devices.\n- \n# Screenshots\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 200px;\"\u003e\n \u003ch2\u003e Landing Page \u003c/h2\u003e\u003cbr\u003e\u003cp align=\"center\" \u003e\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Landing%20Page%201.jpg\" style=\"width: 320px; height: 700px;\"\u003e\n \u003cimg src = \"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Landing%20Page%202.jpg\" style=\"width: 320px; height: 700px;\"\u003e \n \u003cimg src = \"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Landing%20Page%203.jpg\" style=\"width: 320px; height: 700px;\"\u003e\u003c/p\u003e\n \u003ch2\u003e Sing-Up \u0026 Home Screen Page \u003c/h2\u003e\u003cbr\u003e \u003cp align=\"center\" \u003e\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Sign%20Up%20Interface.jpg\" style=\"width: 320px; height: 700px;\"\u003e\n \u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Home%20Page.jpg\" style=\"width: 320px; height: 700px;\"\u003e\n\u003cimg src= \"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Home%20Page%20After%20Booking%20Ride.jpg\" style=\"width: 320px; height: 700px;\"\u003e\u003c/p\u003e\n\u003ch2\u003e Book Ride \u0026 Confirm Ride Page \u003c/h2\u003e\u003cbr\u003e \u003cp align=\"center\" \u003e\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Ride%20Selection%20Page.jpg\" style=\"width: 320px; height: 700px;\"\u003e \n\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Payment%20Interface%20.jpg\" style=\"width: 320px; height: 700px;\"\u003e \n\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Payment%20Confirm%20Page.jpg\" style=\"width: 320px; height: 700px;\"\u003e\u003c/p\u003e \n\u003ch2\u003e Profile Page \u003c/h2\u003e\u003cbr\u003e\u003cp align=\"center\" \u003e\u003cimg src=\"https://github.com/arushsingh03/uber-clone/blob/main/assets/screenshots/Profile%20Page.jpg\" style=\"width: 320px; height: 700px;\"\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n# Tech Used\n ![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB) ![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge\u0026logo=postgresql\u0026logoColor=white) ![Expo](https://img.shields.io/badge/expo-1C1E24?style=for-the-badge\u0026logo=expo\u0026logoColor=#D04A37) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n      \n# Set up the project locally on your machine.:\n#### Prerequisites\nMake sure you have the following installed on your machine:\n- [git](\"https://github.com/\")\n- [Node js](\"https://nodejs.org/en\")\n\n#### Clone the Respsitory:\n`git clone https://github.com/arushsingh03/uber-clone`\n#### Installation\nInstall the project dependencies using npm:\n`npm install`\n\n### API references\n| Syntax | Description |\n| ----------- | ----------- |\n| CLERK_SECRET_KEY | Clerk is used for auth and user management, get keys from [here](\"https://clerk.com/\") |\n| PLACES_API_KEY | This API provides data about geographical locations such as businesses, landmarks, and other points of interest |\n| DIRECTION_API_KEY | This API is particularly valuable for apps that involve location-based services, such as maps, navigation, logistics, and travel planning. |\n| DATABASE_URL | Connection url for any MySQL database, or use [neon](\"https://neon.tech/\") |\n| GEOAPIFY_API_KEY |The Geoapify API Key is used to access Geoapify's suite of geolocation and mapping APIs, which provide a variety of location-based services.|\n| STRIPE_SECRET_KEY | Stripe used to securely manage all server-side operations involving payments, transactions, and sensitive customer data. |\n\n#### Running Project   \n`npx expo start`\n \n#### If everything goes well, the app will be running at:\nExpo Go mobile app after configuring  \n\n      \n\u003c!-- \u003c/\u003e with 💛 by readMD (https://readmd.itsvg.in) --\u003e\n    \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farushsingh03%2Fuber-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farushsingh03%2Fuber-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farushsingh03%2Fuber-clone/lists"}