EMS DASHBOARD — 2025 | Haru Li

DETAIL

The problem

The energy / environmental monitoring interface had to work on a 1280px laptop and a 4K wall display alike. The two systems also emphasize different data: one reads regional distribution, the other tracks live throughput per node.

Approach

Built the frontend from design specs, covering live dashboards, historical queries and multi-device comparison. Implemented as a React 19 + Vite SPA with an adaptive scaling system (1280px to 4K) for multiple screen resolutions. Designed a RESTful API service layer centralizing auth token handling and error interception, with Tailwind CSS establishing a brand design system for UI consistency.

TECH STACK //

React 19ViteTypeScriptTailwind CSSRESTful API