CLINIC SYSTEM — 2025 | Haru Li

DETAIL

問題

醫美診所的預約與會診記錄流程欄位多、步驟長，不合法的輸入必須在送出前就攔下來；診所人員也需要能快速回覆的訊息範本。

做法

負責三個核心功能模組的前端設計與實作。預約 / 會診記錄流程以 React Hook Form + Zod 實作多步驟表單驗證，搭配 TanStack Query 處理非同步資料流。帳號管理模組建立帳號新增、編輯與權限設定的完整操作介面，實作 CRUD 並整合 API。罐頭訊息管理則開發可複用訊息範本的管理功能，對應診所人員快速回覆的場景。

TECH STACK //

ReactTypeScriptReact Hook FormZodTanStack Query