Grade 4 English Exam App

狀態: 已上線
技術: JavaScript HTML CSS Web Speech API

概覽

這是一個為四年級學童量身打造的英文測驗工具,主要用來準備英文期中考。這是一個極致輕量的靜態網頁應用,無需任何構建步驟或外部依賴,只要打開瀏覽器就能直接運行。

核心體驗:透過瀏覽器內建的文字轉語音 (TTS) 技術,提供聽力與聽寫測驗,並將最佳成績自動記錄在本地端。


核心功能與體驗

  • 零依賴與極致輕量:純前端實作(Vanilla JS、HTML、CSS),無框架包袱。
  • 本地端成績紀錄:利用 localStorage 紀錄各個主題的最佳成績,幫助家長與小孩追蹤學習進度。
  • 原生語音支援:整合 Web Speech API (speechSynthesis) 提供發音,並支援高品質的作業系統語音(如 macOS Premium Voices)。
  • 資料與邏輯分離:所有的測驗題目(閱讀、單字、文法、發音遊戲)皆定義於獨立的 JSON 檔案中,方便日後輕鬆擴充題庫。

技術棧

JavaScript · HTML · CSS · Web Speech API


狀態

已上線 - 專案完全開源,可自行下載或透過本機伺服器運行。