https://github.com/somenath203/ryde
Click below to checkout the demo video of the application
https://github.com/somenath203/ryde
car-booking car-booking-system clerk clerk-authentication expo expo-location expo-router geoapify-api google-directions-api google-maps-api nativewind neon places-api react-native react-native-google-places-autocomplete react-native-maps react-native-maps-directions stripe stripe-payments tailwindcss
Last synced: 20 days ago
JSON representation
Click below to checkout the demo video of the application
- Host: GitHub
- URL: https://github.com/somenath203/ryde
- Owner: somenath203
- Created: 2024-12-01T21:12:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-01T22:22:24.000Z (over 1 year ago)
- Last Synced: 2025-03-25T11:49:47.572Z (about 1 year ago)
- Topics: car-booking, car-booking-system, clerk, clerk-authentication, expo, expo-location, expo-router, geoapify-api, google-directions-api, google-maps-api, nativewind, neon, places-api, react-native, react-native-google-places-autocomplete, react-native-maps, react-native-maps-directions, stripe, stripe-payments, tailwindcss
- Language: JavaScript
- Homepage: https://www.youtube.com/watch?v=lbGS07Fiw2c
- Size: 2.76 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ryde
## Demo video of the overall application
https://www.youtube.com/watch?v=lbGS07Fiw2c
---
## Introduction
Ryde is a user-friendly online car booking mobile application built using React Native. The app provides an easy and efficient way to book rides. It allows users to authenticate, view their current location, search for destinations, choose a driver, and make secure payments for their rides. The app is designed to deliver a seamless and reliable ride-booking experience.
---
## Features of the Application
- **Authentication**: Users sign in or sign up using Clerk for secure authentication.
- **Location Access**: After authentication, users can grant location permission to view their current location on a map.
- **Interactive Map**: The app displays the user's location on a map with markers for available drivers nearby.
- **Search Functionality**: Users can search for destinations using the Google API-powered search box.
- **Route Display**: A route is displayed with a blue line connecting the current location (To Location) and the destination (From Location).
- **Driver Details**: Users can view driver details, including name, rating, fare, estimated time to reach the destination, and profile picture.
- **Ride Booking**: Users select a driver and proceed to the booking screen to confirm and pay for the ride.
- **Payment Integration**: The app uses Stripe for secure payment processing. Users can confirm their ride by entering credit card details.
- **Booking History**: Users can view all previous rides in the history section or check recent rides (latest 5 bookings) on the home screen.
---
## Technologies Used
- **Frontend Framework**: React Native
- **Development Tool**: Expo
- **Authentication**: Clerk
- **Location Services**: Expo-location
- **Styling**: NativeWind
- **Search Box**: react-native-google-places-autocomplete
- **Map Display**: react-native-maps
- **Route Directions**: react-native-maps-directions
- **Google Places API**: Retrieves location data.
- **Google Directions API**: Fetches routes and directions.
- **Payment Processing**: Stripe
- **State Management**: Zustand
- **Geocoding API**: GEOAPIFY_API
- **Database**: Neon PostgreSQL (for user, driver, and ride details)