Commit Graph

5 Commits

Author SHA1 Message Date
鄭沛軒 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
鄭沛軒 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
鄭沛軒 dba7666626 feat: 完全復用原始調教過的翻卡設計 + 真實API數據結構
## 核心升級
- 🎨 直接復用您調教過的 FlipMemoryTest 設計 (完美的高度計算)
- 📊 集成真實API數據結構 (api_seeds.json)
-  添加同義詞支持和顯示 (proof, testimony, documentation等)
- 🎯 保持極簡架構 + 專業設計的完美組合

## 設計完整性
-  智能響應式高度計算 (背面內容驅動)
-  完美的3D翻卡動畫 (cubic-bezier調校)
-  專業的內容區塊布局 (定義+例句+同義詞)
-  精美的信心度按鈕 (5色配置+動畫)

## 數據真實性
- 📚 真實學習詞彙: evidence, warrants, obtained, prioritize
- 📊 真實CEFR等級: B2, C1 專業難度
- 🎯 完整API響應格式 (為未來升級做準備)
-  智能同義詞映射 (增強學習價值)

現在擁有專業級的翻卡設計 + 真實學習內容 + 極簡可靠架構

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-04 03:30:25 +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