all projects
Mobile App

Ryde

An educational ride-booking app for mobile.

Source code
Ryde welcome screen
Ryde login screen
Ryde home screen

01 / The idea

Overview

An educational mobile ride-booking app with destination search, driver comparison, map-based routes, authentication, booking, payment integration, and trip history.

Ryde guides riders through an end-to-end booking flow, beginning with account access and destination search before moving into nearby-driver comparison, ride selection, route confirmation, and payment. Map-based screens keep pickup, destination, driver location, pricing, and estimated arrival time visible during the decision process. Completed bookings remain available in a structured trip history for later reference.

02 / Under the hood

Built with

Frontend

React NativeExpoNativeWind

Backend

Expo API routesNeon PostgreSQL

Technologies: React Native · Expo · Clerk · PostgreSQL · Stripe

03 / In the details

Core features

  1. 01

    Interactive map views with location, pickup and destination context, and route directions

  2. 02

    Destination search and address autocomplete powered by OpenStreetMap data

  3. 03

    Driver comparison cards that surface ratings, estimated arrival time, vehicle details, and ride pricing before booking

  4. 04

    A focused confirmation flow that carries the selected route and driver through booking and payment

  5. 05

    Authenticated rider accounts with email and Google OAuth flows managed through Clerk

  6. 06

    Persistent trip history, Zustand-based application state, and React Native Reanimated transitions across the mobile experience

04 / A closer look

Screens

01 / 05 App screens

All projects