Transport & Mobility

TruBookerMulti-Role Transport Booking Platform

Frontend Engineer

TruBooker passenger app
TruBooker driver dashboard
TruBooker admin panel
TruBooker agent portal

Overview

TruBooker is Nigeria's first multi-role transport management platform — allowing bus corporations and independent drivers to list vehicles, sell tickets, and manage schedules, while agents earn through referrals and passengers book journeys in under a minute. I architected and built four separate application surfaces under a single unified design system.

The Challenge

Architecting a multi-role transport platform serving four distinct user types — passengers, drivers, agents, and admins — each with separate application surfaces, GPS-integrated workflows, and real-time scheduling under a unified design system.

Architecture Pattern

Multi-app role architecture · GPS real-time tracking · Shared component system · Optimistic state updates · Referral earnings engine · API error boundary handling

What I Built

01

Admin Dashboard

  • Built real-time driver and trip management with live GPS tracking via Google Maps API.
  • Developed revenue tracking across ticket sales, agent commissions, and corporate accounts.
  • Implemented driver performance management — trip history, ratings, and incident logging.
  • Created user management tools to handle passengers, agents, drivers, and corporate accounts.
02

Agent Web App

  • Built a referral system allowing agents to invite passengers and earn commissions per booking.
  • Integrated agent wallet management — earnings accumulation and bank withdrawal requests.
  • Created an earnings dashboard tracking revenue, referral history, and commission breakdowns.
03

Passenger Booking App

  • Built a mobile-first ticket booking flow — route search, seat selection, and payment in under 60 seconds.
  • Integrated Paystack for local currency (NGN) payments with a smooth checkout experience.
  • Implemented trip history, e-ticket generation, and boarding pass display.
04

Shared Component System

  • Designed a reusable UI component library shared across all four app surfaces.
  • Implemented form validation, state caching, and API error boundary handling globally.
  • Built a consistent design token system — spacing, typography, and colour — applied across apps.

Performance Optimisation

  • Leveraged Next.js SSR and SSG for landing pages and marketing surfaces.
  • Used Redux Toolkit with RTK Query for efficient server-state management and cache invalidation.
  • Implemented optimistic UI updates on booking actions to eliminate perceived latency.
  • Lazy-loaded Google Maps and GPS-dependent modules to keep initial bundle lean.

Business Impact

5,000+

monthly active users

<1 min

avg booking time

4

distinct app surfaces

  • Enabled launch of Nigeria's first multi-role bus booking platform.
  • Reduced booking time from 15 minutes (manual ticketing) to under 1 minute.
  • Boosted passenger satisfaction with a seamless, local-currency booking experience.
  • Increased agent engagement through the referral and earnings tracking system.

Tech Stack

Next.jsTypeScriptRedux ToolkitRTK QueryGoogle Maps APIPaystack APIShadcn UITailwind CSSFramer MotionSSR / SSGCI/CD
Caleb Benjamin — Senior Frontend Engineer