NO. 002 · App 應用
健檢追蹤暨減重門診 App
一款整合「健檢追蹤」與「減重門診」的醫療健康 App。健檢方面，使用者可查詢歷年健檢報告，並透過折線圖追蹤各項數據的逐年變化，把一次性的健檢報告變成可長期觀察的健康軌跡；減重方面，使用者可線上報名醫院減重門診，每日上傳早、午、晚三餐，由營養師給予個別化餐點建議，並透過即時聊天與營養師直接溝通，搭配日曆回顧每日飲食狀況，另有減重社群讓使用者分享減重歷程與飲食心得。iOS 與 Android 雙平台皆可使用。
FEATURES · 功能特色
- 歷年健檢報告查詢
- 健檢數據折線圖追蹤
- 減重門診線上報名
- 每日三餐飲食上傳
- 營養師即時諮詢
- 減重社群分享
BACKGROUND
專案背景
健檢報告往往是一份一次性的數據，受檢者拿到後不易理解，更難長期追蹤自己的健康變化；而減重也不是單次門診就能完成，需要日復一日的飲食記錄與專業回饋才看得到成效。這款 App 把「看得到的健檢數據」與「跟得上的減重陪伴」整合到同一個入口，讓使用者既能回顧歷年健檢趨勢，也能在減重門診中獲得營養師持續的線上指導。
CHALLENGES
面臨的挑戰
- 健檢報告項目繁多、又是逐年累積的資料，要整理成一般人看得懂、且能跨年度比較的趨勢呈現，在資料結構與視覺化上具有挑戰
- 減重門診是「每日三餐上傳 → 營養師逐日檢視 → 給予建議」的持續性循環，既要讓使用者願意天天回填，也要讓營養師能有效率地檢視多位個案的飲食紀錄
- 受檢者與營養師之間的一對一即時諮詢，訊息需可靠送達，使用者離線時也要能即時收到回覆通知
- 健檢資料屬高度敏感的個人醫療資料，由醫院端提供，在串接、儲存與呈現上都需謹慎處理存取權限與隱私
SOLUTIONS
解決方式
- 以 Flutter 單一程式碼庫同時交付 iOS 與 Android 雙平台，並採用 Riverpod 管理狀態，讓健檢數據、聊天、飲食紀錄等多種畫面狀態清晰可控
- 將歷年健檢資料結構化後，以折線圖呈現各項目逐年趨勢，讓使用者一眼看出數據變化，把單次報告轉為可長期追蹤的健康軌跡
- 為減重門診設計「每日三餐上傳 ＋ 營養師逐日回饋」的飲食日誌流程，並以日曆檢視每日飲食狀況；後台另建 Vue 管理介面，讓營養師能集中檢視個案飲食、回覆建議與管理門診報名
- 聊天諮詢以 Python FastAPI 自建後端，透過 WebSocket 實現營養師與使用者的即時雙向訊息，訊息存於 PostgreSQL，並整合 FCM 推播，確保離線時也能即時收到營養師回覆與新訊息通知
- 減重社群讓使用者分享減重歷程與飲食心得，形成彼此鼓勵的減重支持圈
OUTCOME
專案成果
App 已上線 iOS / Android 雙平台。健檢端讓使用者查詢歷年報告並以折線圖追蹤健康數據的長期變化；減重端讓使用者線上報名門診、每日記錄三餐並獲得營養師的個別化建議與即時諮詢，搭配減重社群彼此打氣，讓健檢與減重從一次性看診，延伸為可持續追蹤與陪伴的健康管理。
STACK · 技術實作
- Flutter
- riverpod
- Vue 3
- TypeScript
- Tailwind CSS
- Postgresql
- WebSocket
- FCM
- Python
- FastAPI
- 使用Flutter 跨平台APP開發
- 後台使用Vue 開發
- Tailwind CSS 實現響應式設計
- 後端使用Python FastAPI 開發
- Postgresql 資料庫
- 即時聊天使用WebSocket
- 推播使用FCM
