Arens|作品集
← 所有作品
全端 Web App

單字卡|間隔重複英文單字練習 Web App

把劍橋字典匯出的詞彙表變成翻卡測驗,用 Leitner 盒子法自動安排複習:記不熟的更常出現,熟記的間隔越拉越長。

期間:2026/9~2026/10角色:獨立開發(設計、前後端、部署)
單字卡 App 畫面總覽
依記憶程度自動排複習Leitner 盒子法:答對的卡複習間隔越拉越長,答錯的更常出現;搭配今日複習、錯題練習、隨機抽考三種模式。
帳號與資料安全HttpOnly Cookie、PBKDF2 密碼雜湊、一次性 token 只存雜湊、登入頻率限制,並避免從回應時間推測帳號是否存在。
多人共用,權限不外洩存取規則集中在單一服務,所有查詢先限定「看得到的詞彙表」;好友互相練習為唯讀,進度各自記錄。

畫面

行動裝置優先的設計,手機可以「加到主畫面」當 App 使用;支援自動深色模式。

主要功能

三種練習模式

今日複習(到期卡片優先,不足再補新單字)、錯題練習、隨機抽考;答錯的卡在同一輪最後會再出現一次。

匯入 .csv/.xlsx

不依賴第三方套件,自行解析 Excel 檔(zip+XML);同名詞彙表會合併,並保留既有學習進度。

學習統計

今日練習數與正確率、連續學習天數、近 14 天長條圖、記憶盒子分布、最常答錯的單字。

好友系統

對方接受邀請後可以練習彼此的詞彙表(唯讀),進度各自記錄;可選擇是否公開統計。

帳號

Email 驗證註冊、忘記密碼、修改密碼、Google 登入(第一次登入時選擇使用者名稱)。

多語系

繁中、簡中、英文、日文;驗證信依使用者設定的語言寄出;英式/美式發音。

技術重點

使用技術

Vue 3TypeScriptC#ASP.NET Core Entity Framework CoreSQLiteREST API OAuth 2.0DockerGit