Ride-hailing · Full-stack · 2024
TapRide.
A production ride-hailing app for riders and drivers. Request a ride, watch your driver arrive on a live map, agree a fare up front, and chat in-app — all backed by a real-time database.
What it does
-
Real-time GPS tracking
Riders and drivers see each other move on a live Leaflet map, with positions streamed as they change so the pickup is never a guessing game.
-
Driver matching
A ride request is matched to nearby available drivers, who can accept or decline. The rider is notified the moment a driver is on the way.
-
In-app chat
Rider and driver can message each other in real time to coordinate the exact pickup point without sharing phone numbers.
-
Up-front fare estimation
Fares are estimated from distance and route before the trip is confirmed, so there are no surprises at the end of the ride.
-
Runs on web and Android
One React + TypeScript codebase ships to the browser and packages to a native Android app with Capacitor.
Built with
How it's put together
TapRide uses Supabase for authentication, the Postgres database and real-time location/chat updates, Leaflet for the interactive maps, and a React + TypeScript front end packaged for Android with Capacitor. Driver and rider state stay in sync through Supabase's real-time channels, so the map and trip status update live for both sides.