App 介紹
Wordmem 是一個以單字集為核心的英文單字練習 App,適合把課本、考試範圍、自訂生字或 AI 產生的單字資料整理成可反覆練習的題庫。
App 採用 Vue 3、Pinia、Vite 與 Tailwind CSS 建置,資料主要儲存在瀏覽器本機,並提供 ZIP 匯出匯入與 Google Drive 手動備份。使用者不需要登入帳號也能建立與練習單字集;只有使用 Google Drive 備份功能時,才需要授權 Google 帳號。
核心特色
單字集管理
-
建立多個單字集,依照課程、考試、主題或難度分類。
-
每個單字項目可包含:
-
英文單字
-
詞性
-
中文字義
-
英文例句
-
選擇題題幹
-
選項與正確答案
-
-
可編輯既有單字集與單字內容。
-
可刪除不再需要的單字集。
-
首頁會顯示目前擁有的單字集數量與總單字數。
AI 匯入單字集
Wordmem 內建 AI 匯入流程,協助使用者把單字清單轉成 App 可讀取的 JSON 格式。
流程如下:
-
在 App 內輸入想學習的單字。
-
選擇難度。
-
複製 App 產生的 AI 指令。
-
貼到 ChatGPT、Claude 或其他 AI 平台。
-
將 AI 回傳的 JSON 貼回 Wordmem。
-
預覽並建立新的單字集。
難度目前分為:
| 難度 | 適用情境 |
|---|---|
| 簡單 | 基礎單字、初學複習 |
| 中等 | 段考、一般測驗 |
| 困難 | 大考、進階練習 |
單字卡模式
單字卡模式適合快速瀏覽與記憶。
-
逐張查看單字。
-
顯示字義、詞性與例句。
-
支援接續上次未完成的進度。
-
適合正式測驗前快速複習。
選擇題練習
選擇題練習會根據單字集內的題目與選項進行測驗。
-
可自訂本輪練習題數。
-
題目順序會重新排列。
-
每題可選擇答案,也可略過。
-
完成後產生測驗結果。
-
錯題可再次複習。
拼字測試
拼字測試用來訓練英文單字輸出能力。
-
根據提示輸入完整英文單字。
-
判定時會忽略大小寫與前後空白。
-
留空送出會被視為略過。
-
完成後顯示正確答案與作答狀態。
-
可針對錯題再次練習。
測驗結果與錯題複習
每輪練習完成後,Wordmem 會整理結果。
-
顯示總題數、答對題數、錯題數與分數。
-
標示正確、錯誤與略過題目。
-
顯示使用者答案與正確答案。
-
可針對錯題重新練習。
-
可在選擇題與拼字模式之間切換。
-
可複製錯題解析指令,貼到 AI 平台取得補充說明。
本機資料保存
Wordmem 主要以瀏覽器本機儲存資料。
-
單字集會保存在本機瀏覽器。
-
練習進度可保存並接續。
-
主題偏好會保留。
-
不需要後端伺服器或資料庫。
注意:清除瀏覽器資料、換瀏覽器、換裝置或使用無痕模式,都可能導致本機資料消失。重要資料建議定期匯出 ZIP 或備份到 Google Drive。
ZIP 匯出與匯入
Wordmem 支援離線備份。
-
可選擇要匯出的單字集。
-
下載 Wordmem 專用 ZIP 備份檔。
-
可從 ZIP 備份匯入資料。
-
匯入時可選擇追加或覆蓋本機資料。
-
同名單字集可選擇保留本機版本或使用匯入版本。
匯入模式比較:
| 模式 | 說明 | 適合情境 |
|---|---|---|
| 追加到本機 | 保留現有資料,將備份內容加入本機 | 合併不同來源的單字集 |
| 覆蓋本機 | 用備份完整取代目前資料並清除練習進度 | 換裝置或完整還原 |
Google Drive 手動備份
設定 Google OAuth Client ID 後,Wordmem 可以手動備份到 Google Drive。
-
使用 Google Identity Services 進行授權。
-
使用 Google Drive API 儲存備份檔。
-
備份檔會放在 Google Drive 的
Wordmem資料夾。 -
備份格式為 ZIP。
-
App 會保留最近的備份,並清理過舊備份。
-
可從 Google Drive 選擇備份檔並匯入。
Wordmem 使用的 Google Drive 權限範圍為:
<https://www.googleapis.com/auth/drive.file>
這代表 App 只能存取由 Wordmem 建立或由使用者透過授權流程選用的檔案,並非完整讀取整個 Google Drive。
使用流程
第一次使用
-
開啟 Wordmem。
-
點選新增單字集或 AI 匯入。
-
建立第一個單字集。
-
從首頁選擇單字卡、選擇練習或拼字測試。
-
完成練習後查看結果。
-
定期使用 ZIP 或 Google Drive 備份。
日常複習
-
選擇今天要練習的單字集。
-
先用單字卡快速看過。
-
使用選擇題測驗理解程度。
-
使用拼字測試檢查是否真的記住英文拼法。
-
對錯題進行複習。
-
必要時複製錯題解析指令到 AI 平台。
技術概覽
前端架構
| 項目 | 技術 |
|---|---|
| 框架 | Vue 3 |
| 語法 | <script setup lang="ts"\> |
| 狀態管理 | Pinia |
| 路由 | Vue Router |
| 樣式 | Tailwind CSS v4 |
| 建置工具 | Vite |
| 測試 | Vitest |
| PWA | vite-plugin-pwa |
資料與備份
| 功能 | 實作 |
|---|---|
| 本機儲存 | IndexedDB、localStorage |
| ZIP 備份 | fflate、Web Worker |
| Google 登入 | Google Identity Services |
| 雲端備份 | Google Drive API |
| 匯入驗證 | TypeScript 型別與驗證邏輯 |
適用對象
學生
-
整理課本單字。
-
準備段考、會考、學測、分科測驗或英文檢定。
-
針對錯題反覆練習。
老師與家教
-
建立課程單字集。
-
產生可分享的 ZIP 備份。
-
搭配 AI 快速建立題庫。
自學者
-
建立個人英文詞庫。
-
用拼字測試訓練輸出能力。
-
將錯題交給 AI 補充語法、用法與例句。