靜心國小四年級英文測驗練習網站

狀態: 已上線
時間: 開始: 發佈:
技術: 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


狀態

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