{"id":30172876,"url":"https://github.com/itssanthoshhere/ryde","last_synced_at":"2026-04-13T15:31:31.431Z","repository":{"id":308001828,"uuid":"1031314226","full_name":"Itssanthoshhere/Ryde","owner":"Itssanthoshhere","description":"🚖 Rdye – A full-stack ride-booking app built with React Native, Expo, Stripe, Google Maps, and PostgreSQL. Experience a smooth Uber-like UI with real-time location tracking, ride history, and secure payments.","archived":false,"fork":false,"pushed_at":"2025-08-03T14:05:07.000Z","size":2940,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-03T16:03:58.179Z","etag":null,"topics":["clerk-auth","expo","fullstack-app","google-maps-api","postgres","react-native","ride-booking-app","stripe","tailwindcss","uber-clone"],"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/Itssanthoshhere.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,"zenodo":null}},"created_at":"2025-08-03T13:35:56.000Z","updated_at":"2025-08-03T14:05:10.000Z","dependencies_parsed_at":"2025-08-03T16:04:01.679Z","dependency_job_id":"4a1efef9-626d-40d9-afd8-5e78f4412195","html_url":"https://github.com/Itssanthoshhere/Ryde","commit_stats":null,"previous_names":["itssanthoshhere/ryde"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Itssanthoshhere/Ryde","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Itssanthoshhere%2FRyde","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Itssanthoshhere%2FRyde/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Itssanthoshhere%2FRyde/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Itssanthoshhere%2FRyde/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Itssanthoshhere","download_url":"https://codeload.github.com/Itssanthoshhere/Ryde/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Itssanthoshhere%2FRyde/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269970135,"owners_count":24505476,"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","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-auth","expo","fullstack-app","google-maps-api","postgres","react-native","ride-booking-app","stripe","tailwindcss","uber-clone"],"created_at":"2025-08-11T23:18:00.590Z","updated_at":"2025-10-16T14:35:33.340Z","avatar_url":"https://github.com/Itssanthoshhere.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"https://youtu.be/kmy_YNhl0mw\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://i.ibb.co/Bf04Hpd/Readme-thumbnail-from-JS-Mastery.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_Native-black?style=for-the-badge\u0026logoColor=white\u0026logo=react\u0026color=61DAFB\" alt=\"reactnative\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-PostgreSQL-black?style=for-the-badge\u0026logoColor=white\u0026logo=postgresql\u0026color=4169E1\" alt=\"postgresql\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Expo-black?style=for-the-badge\u0026logoColor=white\u0026logo=expo\u0026color=000020\" alt=\"expo\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Stripe-black?style=for-the-badge\u0026logoColor=white\u0026logo=stripe\u0026color=008CDD\" alt=\"stripe\" /\u003e\n  \u003c/div\u003e\n\n\n\u003ch3 align=\"center\"\u003e🚗 Full Stack Cab Booking App – Rdye\u003c/h3\u003e\n\n   \u003cdiv align=\"center\"\u003e\n       Built using modern full-stack technologies to simulate a ride-booking experience similar to Uber.\n   \u003c/div\u003e\n\u003c/div\u003e\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n5. 🖇️ [Links](#links)\n6. 🚀 [More](#contact)\n\n\n## \u003ca name=\"introduction\"\u003e🤖 Introduction\u003c/a\u003e\n\nBuilt with React Native for handling the user interface, Google Maps for rendering maps with directions, stripe for\nhandling payments, serverless Postgres for managing databases, and styled with TailwindCSS, Uber Clone is a perfect\nmobile app. The primary goal is to demonstrate how to develop full-stack mobile applications to showcase the developer's\nskills in a unique manner that creates a lasting impact.\n\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- **React Native (with Expo)**\n- **PostgreSQL (via NeonDB)**\n- **Stripe** – Secure payments\n- **Google Maps \u0026 Places API** – Location \u0026 Directions\n- **Geoapify** – Map rendering\n- **Clerk** – Authentication (Email/Google)\n- **Zustand** – Lightweight state management\n- **Tailwind CSS** – UI styling with NativeWind\n\n---\n  \n## 🎨 UI/UX Design\n\nThe entire interface of **Rdye** was meticulously crafted using **Figma**, focusing on a smooth and intuitive ride-booking experience. Every screen—from onboarding to payment—follows a clean, modern, and user-friendly design system.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.figma.com/design/blwkDHvyKdd9YqdOYNCBY7/Ryde---Uber-Clone-App?node-id=0-1\u0026t=07CMKIVAMcPyv7iO-1\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/View%20Figma%20Design-blue?style=for-the-badge\u0026logo=figma\u0026logoColor=white\" alt=\"Figma Link\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e ✨ Built with attention to detail for a seamless user journey on both Android and iOS platforms.\n\n---\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Onboarding Flow**: Seamless user registration and setup process.\n\n👉 **Email Password Authentication with Verification**: Secure login with email verification.\n\n👉 **oAuth Using Google**: Easy login using Google credentials.\n\n👉 **Authorization**: Secure access control for different user roles.\n\n👉 **Home Screen with Live Location \u0026 Google Map**: Real-time location tracking with markers on a map.\n\n👉 **Recent Rides**: View a list of recent rides at a glance.\n\n👉 **Google Places Autocomplete**: Search any place on Earth with autocomplete suggestions.\n\n👉 **Find Rides**: Search for rides by entering 'From' and 'To' locations.\n\n👉 **Select Rides from Map**: Choose available cars near your location from the map.\n\n👉 **Confirm Ride with Detailed Information**: View complete ride details, including time and fare price.\n\n👉 **Pay for Ride Using Stripe**: Make payments using multiple methods like cards and others.\n\n👉 **Create Rides After Successful Payment**: Book a ride after confirming payment.\n\n👉 **Profile**: Manage account details in the profile screen.\n\n👉 **History**: Review all rides booked so far.\n\n👉 **Responsive on Android and iOS**: Optimized for both Android and iOS devices.\n\nand many more, including code architecture and reusability\n\n## \u003ca name=\"quick-start\"\u003e🤸 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/Itssanthoshhere/Ryde.git\ncd Ryde\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env` in the root of your project and add the following content:\n\n```env\nEXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=\n\nEXPO_PUBLIC_PLACES_API_KEY=\nEXPO_PUBLIC_DIRECTIONS_API_KEY=\n\nDATABASE_URL=\n\nEXPO_PUBLIC_SERVER_URL=https://uber.dev/\n\nEXPO_PUBLIC_GEOAPIFY_API_KEY=\n\nEXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY=\nSTRIPE_SECRET_KEY=\n```\n\nReplace the placeholder values with your actual Clerk, Stripe, NeonDB, Google Maps, andgeoapify credentials. You can\nobtain these credentials by signing up on\nthe [Clerk](https://clerk.com/), [Stripe](https://stripe.com/in), [NeonDB](https://neon.tech/), [Google Maps](https://console.cloud.google.com/)\nand [geoapify](https://www.geoapify.com/) websites respectively.\n\n**Running the Project**\n\n```bash\nnpx expo start\n```\n\nDownload the [Expo Go](https://expo.dev/go) app and Scan the QR code on your respective device to view the project.\n\n\n\u003c/details\u003e\n\n## \u003ca name=\"links\"\u003e🔗 Links\u003c/a\u003e\n\nYou can find important links mentioned in the YouTube video below:\n\n- \u003ca href=\"https://www.nativewind.dev/quick-starts/expo\" target=\"_blank\"\u003eExpo NativeWind Setup\u003c/a\u003e\n- \u003ca href=\"https://www.nativewind.dev/v4/getting-started/typescript\" target=\"_blank\"\u003eTypeScript Support for\n  NativeWind\u003c/a\u003e\n- \u003ca href=\"https://docs.expo.dev/guides/using-eslint/\" target=\"_blank\"\u003eEslint and Prettier Setup\u003c/a\u003e\n- \u003ca href=\"https://jb.gg/JSMastery\" target=\"_blank\"\u003eDownload FREE WebStorm\u003c/a\u003e\n- \u003ca href=\"https://neon.tech/\" target=\"_blank\"\u003eServerless NeonDB\u003c/a\u003e\n- \u003ca href=\"https://go.clerk.com/DtiSBEI\" target=\"_blank\"\u003eClerk Auth\u003c/a\u003e\n- \u003ca href=\"https://courses.jsmastery.pro/course/databases\" target=\"_blank\"\u003eDatabase Mastery Course\u003c/a\u003e\n- \u003ca href=\"https://clerk.com/docs/quickstarts/expo\" target=\"_blank\"\u003eClerk Expo Quickstart\u003c/a\u003e\n- \u003ca href=\"https://clerk.com/docs/custom-flows/oauth-connections\" target=\"_blank\"\u003eClerk Expo OAuth\u003c/a\u003e\n- \u003ca href=\"https://www.geoapify.com/\" target=\"_blank\"\u003eGeoapify Map\u003c/a\u003e\n- \u003ca href=\"https://docs.stripe.com/payments/accept-a-payment?platform=react-native\u0026ui=payment-sheet\" target=\"_blank\"\u003e\n  Stripe React Native SDK\u003c/a\u003e\n- \u003ca href=\"https://docs.stripe.com/payments/accept-a-payment-deferred\" target=\"_blank\"\u003eStripe\u003c/a\u003e\n\n---\n\n## 🙌 Special Thanks\n\nThis app was originally inspired by JavaScript Mastery's Uber Clone, but built and customized independently with additional improvements, UI changes, and debugging**.\n\n---\n\n## \u003ca name=\"contacts\"\u003e🔗 Contacts\u003c/a\u003e\n\nFeel free to connect with me:\n\n* GitHub: [Itssanthoshhere](https://github.com/Itssanthoshhere)\n* LinkedIn: [Santhosh VS](https://www.linkedin.com/in/thesanthoshvs/)\n\n---\n\n## ⭐️ Show Your Support\n\nIf you liked this project, drop a ⭐ on the repo and share it with others!\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitssanthoshhere%2Fryde","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitssanthoshhere%2Fryde","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitssanthoshhere%2Fryde/lists"}