痛點
線下攝影課上完，投影片和學員作品就散了——學員想複習沒地方看，作品也沒有一個牆可以彼此觀摩。
解法
把 48 張課程投影片做成可捲動的教學網站，再長出兩個互動工具：
- 教學投影片：48 張、置頂進度條、lightbox、鍵盤／滑動導覽
- 即時構圖練習：相機畫面疊上 6 種構圖法的 SVG 參考線，當場練取景
- 學員作品牆：密碼門禁、每位學員一頁、可多張上傳、可拖曳重排分類
- PWA：可安裝到手機主畫面
技術選型理由
- Astro 6 靜態 + Cloudflare Pages Functions + KV：教學內容靜態快取、作品牆用 KV 存，整體零維運成本
- 客戶端密碼保護：作品牆只給學員看，不必架完整會員系統
成果
- 功能完整、已部署的教育型 PWA
- CI 上掛了 Semgrep / gitleaks / OSV-Scanner，每次 push/PR 與每週都掃一次安全
- 構圖練習工具是這個專案最得意的一塊——把「看投影片」變成「拿起手機就練」