Skip to main content

🏠 地震安全預評估平台

📌 專案動機

台灣地震頻繁,過去災情慘重。希望透過此平台協助居民聯繫地震結構專家,進行房屋安全評估,將災害風險降到最低。

🛠 使用技術

  • 前端:Vue 3 + Composition API + TypeScript
  • 狀態管理:Pinia
  • 後端:Node.js + Apollo Server + GraphQL
  • 資料庫:MongoDB Atlas

👥 使用者角色設計

  • 訪客/會員:註冊登入、查詢專家、提出預約申請
  • 專家:登入後回覆預約、提供房屋評估意見

🚧 解決的技術挑戰

初次使用 GraphQL 設計資料流與權限控管時遇到困難,後來透過閱讀官方文件、實際除錯,成功實作完整 CRUD 功能,並完成角色串接。

📈 未來規劃

  • 整合行銷與市調吸引潛在用戶
  • 加入管理員後台、權限控管
  • 畫面細節優化與正式部署

🌟 專案收穫

學會從零開始建立專案架構,實作使用者流程與角色切換,更熟悉 Vue 組件開發與 GraphQL 串接,並體驗從想法到開發的完整流程。