Kids Learning Playground

狀態: 已上線

專案提供已部署的前端入口;遊戲與成績儲存需 Google 登入及後端服務。

技術: React 19 TypeScript Vite Tailwind CSS Framer Motion Go / Gin PostgreSQL

前端部署於 Cloudflare Pages,Go API 使用 Render,PostgreSQL 使用 Neon;GitHub Actions 執行建置與測試。

概覽

Kids Learning Playground 是最初為四年級孩子打造的瀏覽器學習平台,將 10 款迷你遊戲、Google 登入、遊戲成績紀錄與學習儀表板整合在一起。


遊戲模組

  • 數學:Speed Math Challenge 提供限時乘除法挑戰;Geometry Quest 結合幾何關卡與圖形解題工具。
  • 英文:Word Builder、Sentence Scramble、Shiritori 與 Adverb Charades,練習拼字、句子排序、單字接龍與副詞。
  • 科學與邏輯:Science Quiz 涵蓋 AI、機器人、二進位與硬體知識;Logic Puzzles 與 Twenty Questions 訓練推理能力。
  • 拼圖:Puzzle Time 提供磁吸式拖曳拼圖,並支援管理員維護圖片庫。

平台功能

  • 學習儀表板:整理遊戲次數、累積星星、平均分數與各遊戲最佳成績。
  • Google 登入與角色:透過 Google OAuth 登入,區分家長與孩子角色;登入後可進入遊戲與個人成績頁。
  • 圖片庫管理:管理員可上傳與管理拼圖圖片。
  • 互動回饋:結合 Framer Motion 動畫、音效與共用數字鍵盤,支援遊戲操作。