Frontend Dashboards

Production Vue dashboards for Altaroad's ML weigh-out nanomat: site manager and agent UIs, English/French i18n, Selenium regression coverage.

Year 2019
Role Frontend Engineer

Stack

Frontend

  • Vue

Quality

  • Selenium
  • Testify
  • Assert

What was my role?

For Altaroad I shipped two production Vue dashboards on top of the ML-powered nanomat used to estimate truck weight as vehicles left construction sites: one experience for site managers (oversight, aggregates, exceptions) and a separate, task-focused flow for weighing agents at the lane.

I implemented English and French end-to-end—locale files, consistent keys, and copy that matched logistics and weighing terminology—then locked critical paths with Selenium-driven regression tests using Testify-style assertions so UI and language toggles stayed safe to ship.

Situation

Altaroad builds AI-backed products for waste and material flows on sites; the nanomat weigh-out capability needed production UIs, not only backend jobs or spreadsheets.

Operations split cleanly into two roles—site managers who need situational awareness and weighing agents who repeat fast lane workflows—while real customers worked in both English and French.

Task

Deliver two production-grade Vue dashboards with multilingual support (English and French) and automated regression coverage so repeated releases did not break weigh-out or i18n paths.

Action

Implemented role-specific Vue surfaces: navigation, tables or cards, and actions tuned to the manager versus agent mental model, wired to the same underlying weigh-out and departure events.

Integrated i18n for EN/FR with stable keys, fallbacks where product copy lagged, and attention to number and label conventions operators expected on French sites.

Added Selenium-backed tests with structured assertions on happy paths, language switching, and the highest-traffic agent screens so defects surfaced in CI instead of the yard.

Result

Two dashboards went live for daily nanomat operations, improving traceability at the gate and giving each role an interface matched to their job.

Bilingual rollout matched Altaroad's home market and international pilots; automated tests reduced regression risk as the product iterated on ML thresholds and UI polish.