EMS DASHBOARD — 2025 | Haru Li

DETAIL

問題

能源 / 環境監控介面要同時在 1280px 的筆電與 4K 大螢幕上都能用。兩份系統的資料重點還不一樣：一份要細看不同地區的分布，另一份要追蹤各節點的即時流量。

做法

依設計稿建構前端介面，涵蓋即時儀表板、歷史資料查詢與多設備對比分析等模組。以 React 19 + Vite 建構 SPA，實作自適應縮放系統（1280px 至 4K）以支援多種螢幕解析度。設計 RESTful API 服務層統一管理認證 Token 與錯誤攔截，並以 Tailwind CSS 建立品牌設計系統維持 UI 一致性。

TECH STACK //

React 19ViteTypeScriptTailwind CSSRESTful API