3-1. 前端技術亮點

前端採用 React + TypeScript 框架開發,整體以 Vite 作為建置工具,有效提升開發效率與編譯速度。元件樣式管理使用 Styled-Components,並配合設計系統中的元件規範進行落地實作。

主要亮點包含:

  • QR Code 掃碼辨識整合:串接 QR Code 第三方套件,掃碼後將結果與後端資料庫比對並即時回饋訂閱資訊,強化使用便利性。

  • 動靜態進度條設計:首頁以動態進度條呈現收運階段,訂單詳情頁則以靜態進度條輔助追蹤任務狀態,提升流程透明度。

  • LINE Bot 導流整合:將 LINE Bot 作為主要進入點,用戶從訊息點選後進入 Web 平台,實現無縫轉換。

Last updated