← WorkPrivate professional work

Transport Terminal

The difficult part of an operations UI is not the table. It is making the hundredth vehicle, gate or card action of the day feel as predictable as the first.

My roleFrontend architecture + product surface
Stack / surfaceNext.js · TypeScript · RTL/LTR · role-aware operations UI
TERMINAL OPERATIONSROLE-AWARE WORKSPACE
GATEOPENQUEUE12CARDSACTIVE
VehicleDriverGateStatusTRK-218OperatorENTRY 02READYTRK-411OperatorEXIT 01CHECK
In one line

A role-aware enterprise operations frontend for vehicles, drivers, gates, cards, visitors and loading workflows.

01

What the surface covers

The application contains real operational areas for cars, drivers, car cards and recharge, loading workflows, entry gates, visitors, exit gates and passes, alongside profile/settings and permission-aware navigation.

02

The frontend shape

It is a Next.js/TypeScript application with a service-oriented frontend structure, reusable UI, Arabic/English support and layouts designed for dense administrative work rather than marketing pages.

TERMINAL OPERATIONSROLE-AWARE WORKSPACE
GATEOPENQUEUE12CARDSACTIVE
VehicleDriverGateStatusTRK-218OperatorENTRY 02READYTRK-411OperatorEXIT 01CHECK
03

Why these systems are interesting

The UX challenge is consistency under repetition. Operators need predictable forms, filters, statuses and actions. Clever interaction patterns are usually less valuable than making the 200th operation of the day feel safe.

04

Permission-aware navigation

Enterprise screens do not exist in isolation. What a person can see and do changes the navigation, the actions and the error states. That concern has to be part of the UI architecture instead of bolted on after the screens are finished.

TERMINAL OPERATIONSROLE-AWARE WORKSPACE
GATEOPENQUEUE12CARDSACTIVE
VehicleDriverGateStatusTRK-218OperatorENTRY 02READYTRK-411OperatorEXIT 01CHECK
05

Privacy boundary

This is private professional work, so the portfolio describes the system shape and my engineering contribution without reproducing private source code, customer data or sensitive operational details.

Keep going

Back to all work

Work index ↗