Mahmoud
Khuta: Owner Dashboard

Khuta: Owner Dashboard

Any Idea Can Be Prepared

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

Description

A web dashboard that turns an intercity vehicle owner into a fleet operator: register and manage vehicles, hire and assign drivers, schedule and monitor trips, request new routes, track earnings, and handle compliance, all from one bilingual control panel. Built with the same React Router v7 and Redux Toolkit/RTK Query architecture as the Admin dashboard, it runs on a single-tenant model: an owner sees and manages only their own fleet, drivers, and trips.

Project Gallery

Business Need

  • Fleet owners need day-to-day operational control without needing an admin to run their business for them, while staying fenced out of platform-wide levers like route approval or the exchange rate.
  • Assigning drivers to vehicles is a real, changing relationship, not a one-time setting. The dashboard manages that lifecycle (offered, accepted, ended, cancelled) explicitly instead of treating it as a static field.
  • Recurring trip scheduling is tedious to do by hand. The dashboard supports repeating trips instead of forcing an owner to recreate the same schedule every day.
  • Expanding into a new route shouldn't require a backend request. A self-service route-request flow lets an owner propose a route through the UI for platform review.
  • Owners need visibility into what's happening right now, not just after the fact. Live, map-based trip tracking replaces querying a completed-trips table after the fact.

Item Tags

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

Project Overview

  • Within the Khuta platform, owners are the businesses or individuals who own the vehicles running intercity routes. This dashboard is their day-to-day operating console.
  • Owners build out their fleet, decide which drivers drive which vehicle, put trips on the schedule (including recurring ones), and watch those trips happen live on a map.
  • The permission model is single-tenant, not role-based: an owner manages only their own fleet, drivers, and trips, with anything network-wide flowing up to the Admin dashboard for sign-off.
  • Driver-to-vehicle assignment is modeled as a real lifecycle (offered, accepted, ended, or cancelled) rather than a static field, matching how those relationships actually rotate over time.
  • A route-request flow lets an owner propose a new route through the UI for the Admin dashboard's Operations Admin to review, turning expansion into a self-service path instead of a support ticket.

Project Pages

  • Vehicle Fleet: register new vehicles, edit vehicle details and photos, and view fleet-wide vehicle status.
  • Drivers: view drivers, assign a vehicle to a driver, and end or cancel an active assignment.
  • Trip Scheduling: schedule one-off or recurring trips, update trip details, cancel trips, and view a single trip's full details.
  • Routes: view routes currently assigned to the fleet, and submit new route requests for platform approval.
  • Live Trips: real-time, map-based view of in-progress trips across the owner's fleet.
  • Violations & Appeals: view violations issued against the owner's drivers, and review/respond to appeals.
  • Earnings & Reports: revenue trend charts and breakdowns, plus a downloadable reports center.

Key Features

  • Vehicle fleet management: register vehicles, edit details/photos, and track fleet-wide status.
  • Driver-to-vehicle assignment lifecycle: offer, accept, end, or cancel assignments as the relationship changes.
  • Trip scheduling for one-off and recurring trips, with full trip detail and cancellation support.
  • Self-service route-request flow that feeds directly into the Admin dashboard's approval queue.
  • Live, map-based trip tracking across the owner's fleet.
  • Violations and appeals visibility on the owner's own drivers, not just after the fact.
  • Earnings dashboard with revenue trend charts plus a downloadable reports center.
  • Full bilingual Arabic/English UI on the same logical-CSS, RTL-ready design system as the rest of the platform.
  • Cookie-based session auth with automatic 401 refresh-and-retry, sharing a backend with the Admin dashboard.
  • Dockerized CI/CD pipeline with automated build-and-deploy 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