 鄭沛軒
|
3ff3b7f0a1
|
refactor: 重構 review 組件架構 + 修正 API 端口配置
- 重構組件命名: Simple* → 更語義化命名
- SimpleFlipCard → FlipMemory
- VocabChoiceTest → VocabChoiceQuiz
- SimpleProgress → QuizProgress
- SimpleResults → QuizResult
- SimpleTestHeader → QuizHeader
- 重新組織目錄結構:
- components/review/simple/ → components/review/quiz/ & ui/
- 分離測驗邏輯組件 (quiz/) 和 UI 組件 (ui/)
- 修正 API 配置:
- 更新 frontend/lib/config/api.ts: localhost:5008 → localhost:5000
- 配合後端實際運行端口
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-05 04:43:48 +08:00 |
|
鄭沛軒
|
51e5870390
|
feat: 實現線性雙測驗流程系統
## 主要功能
- 實現線性複習流程：A翻卡 → A選擇 → B翻卡 → B選擇...
- 測驗項目級別的狀態管理和進度追蹤
- 自動測驗類型切換，無需用戶選擇
## 核心改進
- 新增 TestItem 數據結構支援線性流程
- 重構 useReviewSession Hook 管理測驗項目
- 修正延遲計數系統優先級排序邏輯
- 統一兩種測驗的跳過按鈕位置
## 評分標準修正
- 翻卡記憶：一般(1分)以上算答對
- 詞彙選擇：正確選擇算答對
- 答錯的測驗項目不標記完成，會重新出現
## 用戶體驗改善
- 進入頁面自動開始線性測驗
- 清楚的測驗類型和進度指示
- 測驗項目序列可視化
- 延遲計數系統視覺反饋
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-05 04:06:54 +08:00 |
|
鄭沛軒
|
04def4bb85
|
feat: 重構並整合 review-simple 組件系統
## 主要變更
- 重新組織檔案結構到標準 Next.js 目錄
- 簡化並整合 VocabChoiceTest 組件
- 優化狀態管理架構
- 統一兩種測驗類型的設計風格
## 檔案重組
- components/review/simple/ - 統一測驗組件
- hooks/review/ - 複習相關 Hook
- lib/data/ - 數據管理
- note/archive/ - 舊複雜系統備份
## 新功能
- SimpleFlipCard: 翻卡記憶測驗 (信心度 0-2)
- VocabChoiceTest: 詞彙選擇測驗 (正確2分/錯誤0分)
- 統一接口設計和用戶體驗流程
## 技術改進
- 移除過度複雜的依賴系統
- 使用 useReducer 優化狀態管理
- useMemo 提升性能
- 統一設計語言和組件風格
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-04 23:44:31 +08:00 |
|
鄭沛軒
|
914c981c4b
|
refactor: 優化 review-simple 狀態管理架構
- 使用 useMemo 優化排序計算性能
- 創建 useReducer 統一狀態管理
- 抽離自定義 Hook useReviewSession
- 優化卡片查找邏輯，使用 Map 替代 findIndex
- 簡化 data.ts，移除過時的狀態處理函數
- 清理 CardState 接口，移除計算屬性
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-04 23:02:54 +08:00 |
|
鄭沛軒
|
1fa8835e09
|
fix: 修正TypeScript類型錯誤 + 完善延遲計數系統
## TypeScript修正
- 🔧 修正所有filter函數的隱式any類型錯誤
- 📊 明確CardState類型聲明
- ✅ 保持功能完全正常運行
## 延遲計數系統完善
- 🎯 詞彙順序可視化完全可用
- 📊 真實狀態顏色顯示 (不被當前高亮遮蔽)
- 🔄 Skip功能統一重置邏輯
- 💾 進度自動保存和恢復
## 用戶體驗優化
- ⚡ 選擇即提交 (無需確認)
- 🔄 Skip也會翻回正面 (統一行為)
- 🎨 狀態顏色便於驗證延遲計數效果
- 📍 第1個位置表示當前，顏色表示延遲狀態
MVP階段1完全完成，準備進入雙模式階段2
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-04 21:14:39 +08:00 |
|
鄭沛軒
|
c6c8088414
|
feat: 完善延遲計數系統可視化 + Skip翻卡重置
## 用戶體驗優化
- ⚡ 信心度選擇直接提交 (無需確認，更流暢)
- 🔄 Skip功能也會重置翻卡狀態 (統一行為)
- 🎯 當前卡片不強制藍色 (保持真實延遲狀態)
## 延遲計數可視化
- 📊 詞彙順序區域：一目了然的排序狀態
- 🎨 完整狀態顏色系統：🟢完成 🟡跳過 🟠答錯 🔴混合 ⚪初始
- 📍 第1個位置 = 當前練習 (位置指示 + 顏色狀態)
- 🔍 便於驗證延遲計數系統工作效果
## 技術改善
- 統一的 resetCardState 函數 (DRY原則)
- Skip和信心度選擇行為一致
- updateCardState 函數簽名修正
- 移除未使用變數的警告
## 驗證功能完善
- 可視化排序：跳過/答錯的卡片排序變化立即可見
- 狀態追蹤：每張卡片的延遲分數清楚標示
- 一鍵操作：選擇即提交，跳過即重置
完美的延遲計數系統 + 直觀的驗證界面！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-04 20:36:58 +08:00 |
|
鄭沛軒
|
57b653139e
|
feat: 完成延遲計數系統和MVP功能完善
## 核心功能實作
- 🎯 完整實作延遲計數系統 (skipCount + wrongCount + 智能排序)
- ⏭️ 添加跳過功能和按鈕
- 🎨 修正信心度為3選項 (模糊/一般/熟悉)
- 💾 實作localStorage進度自動保存和恢復
## 延遲計數邏輯
- 跳過操作: skipCount++ → 影響卡片排序優先級
- 答錯操作: wrongCount++ → 同樣影響排序
- 智能排序: 延遲分數越少越前面 (不排除，只是重新排序)
- 答對操作: 標記完成 → 不再出現在練習隊列
## UI/UX優化
- 跳過和確認按鈕並排設計
- 進度顯示包含延遲統計 (跳過次數、困難卡片)
- 信心度按鈕改為3欄布局
- 進度自動保存，重新載入不丟失
## 技術改善
- CardState接口擴展完整
- TypeScript錯誤完全修正
- 排序算法符合技術規格
- 保持極簡React架構
完整實現技術規格的延遲計數需求，MVP功能完善！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-04 19:25:48 +08:00 |
|
鄭沛軒
|
c01fd05450
|
fix: 修復翻卡模式寬度問題 + 完全復用原始設計
## 寬度修復
- 🎯 主容器: max-w-2xl → max-w-4xl (與原設計一致)
- 🎯 卡片容器: max-w-md → w-full (移除寬度限制)
- ✅ 現在布局與原始設計完全一致
## 設計復用完善
- ✅ 新增 SimpleTestHeader 組件 (復用原TestHeader設計)
- ✅ 完全相同的標題布局和CEFR標籤
- ✅ 保持原有的專業視覺風格
## 技術改善
- 🔧 移除未使用的 CONFIDENCE_LEVELS 導入
- 🎨 使用內聯信心度配置 (避免外部依賴)
- ✅ 保持極簡架構 + 精美設計的完美結合
現在的翻卡模式應該與原始設計完全一致！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-03 17:51:28 +08:00 |
|
鄭沛軒
|
3b1f0e9e33
|
feat: 實施極簡MVP複習功能 + 成功復用現有精美設計
## 核心成就
- 🚨 隔離壞掉的複雜複習功能 (review → review-old 備份)
- ✅ 建立極簡MVP版本 (review-simple)
- 🎨 復用現有的精美翻卡設計和動畫
- 🔄 更新導航系統指向可用版本
## 極簡MVP特點
- ⚡ 純 React useState (零Store依賴)
- 📊 5張靜態測試詞卡 (零API依賴)
- 🎯 單一翻卡記憶模式 (零複雜切換)
- 🎨 復用高級3D動畫和響應式設計
## 技術亮點
- 復用原有的 cubic-bezier 翻卡動畫
- 復用智能響應式高度計算邏輯
- 復用精美的信心度按鈕配色
- 保持專業的內容布局設計
## 解決的問題
- ❌ 不再有404錯誤 → ✅ 專業維護頁面
- ❌ 不再有複雜除錯 → ✅ 直觀易懂邏輯
- ❌ 不再有過度工程 → ✅ 極簡實用架構
導航已更新: 用戶點擊複習直接進入可用版本
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-03 17:29:52 +08:00 |