「學生活動肖像使用授權同意書 - 線上簽名系統」v2.3 是阿凱老師為學校解決紙本同意書「每學期 200+ 張紙、家長忘簽連環追、教育局審查翻箱倒櫃找」打造的 電子簽署平台，從活動肖像授權到戶外教學、課後社團一站搞定。
🎯 核心特色
- ✍️ react-signature-canvas 流暢書寫 — 提供接近紙筆的手感，手機 / 平板 / 電腦都能簽
- 🛡️ 嚴格資料驗證 — 年級 / 班級 / 座號僅能輸入數字 + 簽名筆畫複雜度檢查防家長亂畫敷衍
- 📐 簽名圖檔自動壓縮標準化 600×300 — 節省 Firebase Storage 流量
- ✅ v2.3 同意 / 不同意單選按鈕 — 強制家長明確選，PDF 與 Email 同步顯示意願（同意綠色 / 不同意紅色）
- 📄 v2.2 PDF 自動生成 + 永久存 Firebase Storage — 完整條款 + 簽名 + 縣市 + 學校資訊
- 📧 v2.2 Email 通知含 PDF 下載連結 — 家長與學校各保留一份
- 📊 後台 2.0 繽紛漸層 + 手機自動切卡片視圖 — 批次刪除 + Excel 匯出 + 視覺化徽章
- 🏫 v2.1 跨校支援 — 縣市篩選 + 學校搜尋，一套系統服務多校
💡 設計理念
React 19 + TypeScript + Vite + Tailwind CSS 4 + Framer Motion + React Router v7，後端用 Firebase 全家桶（Firestore + Storage + Authentication），管理員登入用 Firebase Auth Email/Password，訪問 /admin/login 進後台。Firebase Security Rules 嚴格把關，部署 cagoooo.github.io/signature/。收件率從 70% → 100%，教育局審查要看 → 給 Firebase Storage 連結 5 秒搞定，5 年保存規定自動永久存。
🎒 適合情境
阿凱的學校行政數位轉型姊妹工具：
- #47 同意書（本工具） — 電子簽名 + PDF 法律效力
- #48 動態表單系統 — 拖曳式問卷 / 報名
適合學期初肖像授權收件（家長手機 3 分鐘簽完）、戶外教學前夕（深夜也能簽）、v2.3 同意 / 不同意按鈕讓不同意的學生不會被拍進團體照（法律效力 + 隱私保護雙贏）、跨校教師研習報名。也適合補習班 / 安親班 / 才藝中心家長簽合約。MIT 授權，cagoooo/signature 開源。