Mahmoud
Khuta: Admin Control Center

Khuta: Admin Control Center

Any Idea Can Be Prepared

  • Web Templates.
  • Scalable Applications.
  • Customizable Solutions.
  • Landing Pages.
  • Portfolio Websites.
Live Demo

Description

A centralized, role-based back-office platform giving an intercity travel network's operations, finance, and platform-management teams full command over every fleet owner, driver, vehicle, station, route, and live trip. Built as a React Router v7 single-page application secured by a strict three-role RBAC model, it shares its backend and Firebase project with the owner dashboard and the driver/passenger mobile apps as one node in a connected four-app transportation platform.

Project Gallery

Business Need

  • Without a tool like this, approving a new driver, vetting a route, or reacting to a live incident means going straight to the database or waiting on engineering. This gives non-technical operations and finance staff direct, safe, audited control.
  • Onboarding drivers and fleet owners at scale needs a review gate. The platform turns document and identity vetting into a structured approve/reject workflow instead of an ad hoc process.
  • Safety and compliance need enforcement, not just detection. The violations/appeals workflow gives operations a formal way to discipline drivers while giving drivers a real right of appeal.
  • Multi-role access has to be genuinely restricted, not just hidden in a menu. Finance staff can't touch route approvals and operations staff can't see settlement ledgers, because access is enforced at the route level.
  • A cross-border, bilingual market needs a currency and language bridge. The exchange-rate control and full Arabic RTL experience make the tool usable for a Sudanese, Arabic-speaking back office, not just an English-only team.

Item Tags

React Router v7TypeScriptRedux ToolkitRTK QueryTailwind CSS v4Radix UIReact LeafletChart.jsFirebase Cloud MessagingVite

Project Overview

  • Khuta is a multi-app intercity travel platform connecting passengers, drivers, and fleet owners; the Admin Control Center is the platform operator's central nervous system.
  • Staff use it to onboard and vet new drivers and owners, approve or reject the routes fleet owners propose, and monitor live trips across the entire network.
  • A strict three-role RBAC model (Super Admin, Operations Admin, Finance Admin) enforces access at the route level, not just in the UI, so each team only touches its own slice of the platform.
  • The violations/appeals workflow gives operations a formal way to discipline drivers while giving drivers a real right of appeal, mirrored into the owner dashboard.
  • A full bilingual Arabic/English interface with true RTL and a currency bridge (USD/SDG exchange-rate control) makes the tool usable for a Sudanese/Arabic-speaking back office.

Project Pages

  • Super Admin (Platform Governance): list and manage fleet owners, drivers, and other admins; approve/reject incoming applications with a reason; invite and manage system administrators; full audit-log trail.
  • Operations Admin (Stations & Network): manage physical transit stations on an interactive map; approve/reject route proposals; manage the vehicle-type and vehicle registry.
  • Operations Admin (Live Trips): real-time view of live vehicle telemetry and trip status across the entire network.
  • Finance Admin (Exchange Rate): request and manage the platform-wide USD↔SDG exchange rate that pricing runs on.
  • Finance Admin (Commission & Settlement): generate commission logs and owner settlement/earnings reports.
  • Violations & Appeals: issue and track driver violations, and review/resolve driver appeals against them.
  • Audit Log: full trail of every administrative action taken on the platform.

Key Features

  • Three-role RBAC system (Super Admin, Operations Admin, and Finance Admin) enforced at the route level, not just hidden in the sidebar.
  • Driver and owner onboarding review: approve or reject applications with a documented reason.
  • Route approval workflow for route proposals submitted by fleet owners, with a live route-network view.
  • Station management on an interactive map, plus a vehicle-type and vehicle registry.
  • Real-time 'Live Trips' view with live vehicle telemetry across the network.
  • Platform-wide USD↔SDG exchange-rate control that the whole platform prices against.
  • Commission log and owner settlement/earnings report generation.
  • Violations & appeals workflow shared with (and mirrored in) the owner dashboard.
  • Full bilingual Arabic/English UI with true RTL: logical Tailwind properties, automatic font switching, locale-aware date/number formatting.
  • Real-time push notifications via Firebase Cloud Messaging for operational events.
  • Chart.js-powered reporting and React Leaflet map views for spatial/operational awareness.
  • Dockerized CI/CD pipeline with automatic build-and-deploy on merge to main, and Sentry/GlitchTip error tracking.

Get In Touch

Have a project in mind or want to discuss potential opportunities? I'd love to hear from you!

Contact Information

Profiles