Projects
專案與學習展示
從碩士論文的全端儀表板系統，到大學時期的 Android App 與網頁設計課程專案，共 7 件。
- 近期專案
租車與維修紀錄系統
整合租借與維修管理的全端系統，含多角色權限、儀表板統計、電子簽名與估價單寄送。
React · Next.js · TypeScript · Prisma · Supabase
- 2024 - 2026 · 碩士論文
碩士論文：以 PI / PTI 指標驅動的教學成效視覺化儀表板
累積六年第一線觀察，提出參與度指標（PI）與跟上進度指標（PTI），並以 Next.js 全端儀表板取代 Excel 總表，驗證教學策略的正向循環。
React · Next.js · 全端 · 資料視覺化
- 國科會專案
國科會大專學生研究計劃案
教學輔助系統的開發歷程：從 Heroku 取消免費方案後的資料庫遷移，到理解「需求理解比技術更難」。
React · Next.js · Supabase · MongoDB
- 大學專題 · 資工進二
淡水走走日記 App
Android Studio 客製化 App 專題：先以 Figma 完成 UI 設計，再實作 ListView 景點瀏覽、記事本編輯與 Google Maps 導向。
Android Studio · Java · Figma · XML
- 大學課程期末專案
基隆景點推薦網站
以 Strapi 作為 headless CMS、Heroku 託管資料庫、Vercel 部署前端，景點內容由 API 動態提供，含分頁、卡片樣式與 icon 設計。
Strapi · Node.js · SCSS · Heroku · Vercel
- 大學課程
客製化咖啡廳網頁
以 HTML / CSS 搭配 MySQL 資料庫的動態與靜態網頁結合練習，透過終端機指令讓資料庫內容顯示在前端。
HTML · CSS · MySQL · VS Code
- 大學課程至近期
Figma UI 設計
跨專案的介面設計工作：F.Y.S. 咖啡廳網站、淡水走走日記 App、助教甄選的實作測驗，以及 Figma to HTML 的轉譯練習。
Figma · UI / UX · 設計系統