Back to Projects
// project-case-study

BEXY

BEXY is a governmental logistics project managing truck unloading operations outside Baghdad. The system tracks the movement and unloading of goods-carrying trucks at exchange yards on the city's outskirts — a large-scale operational process that generates a continuous stream of data that needs to be monitored, reported on, and acted upon in real time. My role was to build the statistics dashboard — a dedicated data visualization layer that gives decision makers full visibility into daily operations.

// the-challenge

This was my first project where data visualization was not a supporting feature — it was the entire product. Everything on the dashboard was a chart, a metric, or a report. There was no escaping the complexity of the data or the need to present it clearly.
The scale was significant: over 40 interactive charts covering different dimensions of the operation — throughput, timing, volumes, performance across different yards and time periods, and more. Each chart needed its own filtering logic, its own data handling, and its own visual clarity. Multiply that across 40+ visualizations and the frontend complexity adds up fast.
The harder challenge was real-time data. The client needed the dashboard to reflect what was actually happening at the yards at any given moment — without requiring the user to manually refresh the page. The data had to stay live. That meant implementing a real-time data layer that kept every chart and metric up to date automatically, which added a layer of technical complexity on top of an already demanding visualization workload.

// the-solution

Built the full statistics dashboard with Vue, Nuxt, and TypeScript, integrating a comprehensive charting library capable of handling the volume and variety of visualizations required. Each chart was built with its own filter controls — allowing users to slice the data by date range, yard location, truck type, and other operational dimensions — while the underlying data layer kept everything refreshed in real time without any user intervention.
The focus throughout was on making dense operational data readable at a glance. A statistics dashboard fails if the person looking at it has to work hard to understand what they're seeing. Every layout decision, every chart type choice, every label and color was made with that standard in mind.

// the-outcome

BEXY was the project that opened up data visualization as a serious area of my frontend skill set. Before it, charts were something I used occasionally. After it, I understood how to architect a dashboard where data visualization is the core product — handling real-time updates, complex filtering, and large numbers of charts without the interface becoming slow or confusing. It is a capability I have carried into every data-heavy project since.

// next-iteration

TEXA

View Project
Hussein Mohamed © 2026 Built with Nuxt · TypeScript · Tailwind