MomoLab 出品

小桃子 2.0 系統白皮書

全端教育 SaaS 平台 | 國中+國小雙學制 | 完整功能架構總覽

👨‍🎓 學生端功能 (Frontend)
登入與身分系統
四大陣營系統 (RPG 化)
出題工作坊 (UGC 創造)
闖關挑戰與互動
墨香錯題本 & 出版引擎
個人戰情室 & 家長報表
離線與 PWA 支援
無障礙與操作體驗
👩‍🏫 教師總監後台 (Admin)
存取控制與隱身術
審核與糾錯中心
題庫全能編輯器
AI 寫作命題助手
學生狀態監視器
數據分析儀表板
Live 即時競技場
進階演算法
報表匯出與引導
⚙️ 技術底層架構
雲端服務
  • Firebase Auth(Google OAuth 2.0)
  • Cloud Firestore(即時同步資料庫)
  • Firebase Storage(圖片雲端圖床)
  • Netlify 靜態部署 + CDN
前端技術
  • Tailwind CSS(原子化樣式)
  • Chart.js(雷達圖 + 折線圖 + 圖表題渲染)
  • Canvas API(圖片壓縮 + 手寫畫布)
  • Web Speech API(TTS 語音朗讀)
效能與安全
  • Service Worker(混合快取策略)
  • View Transitions API(轉場動畫)
  • html2pdf.js(按需動態載入)
  • Vanilla JS 零框架(極致輕量)
  • NEW CSP 安全策略 + SRI 完整性驗證
  • NEW escapeHTML 全域 XSS 防護(11 處)
  • NEW API Key 混淆保護 + Proxy 代理
  • NEW 🔒 Firestore Security Rules 完整 9 集合規則,移除 catch-all 漏洞
  • NEW 🔒 Storage Rules:路徑白名單 + 檔案大小/類型限制 + 防覆蓋
  • NEW 教師審核面板 XSS 修復:inline onclick 改為 data 屬性 + 事件委派
  • NEW 模組化架構:app.js 拆分為 8 個獨立模組,降低維護風險
📖 產品介紹頁 🍑 直接進入小桃子

架構設計與開發:胡淨羽 (Momo)

Powered by MomoLab