dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	9011f93dfe	feat: 完成前端大規模架構重組與術語統一 ## 主要完成項目 ### 🏗️ Hooks架構重組 - 刪除62.5%死代碼hooks (5個檔案) - 重組為功能性資料夾結構 (flashcards/, review/) - 修復所有import路徑和類型錯誤 ### 🧹 Lib資料夾優化 - 移除未使用檔案：cn.ts, performance/, errors/, studySession.ts - 統一API配置管理，建立中央化配置 - 清理硬編碼URL，提升可維護性 ### 📝 術語統一 Study→Review - API端點：/study/* → /review/* - 客戶端：studyApiClient → reviewApiClient - 配置項：STUDY → REVIEW - 註釋更新：StudyRecord → ReviewRecord ### ✅ 技術成果 - 前端編譯100%成功，無錯誤 - 減少檔案數量31% (lib資料夾) - 消除重複代碼和架構冗餘 - 建立企業級前端架構標準 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-01 16:15:17 +08:00
鄭沛軒	e808598cc0	refactor: 完成所有7種測驗元件架構統一重構 - 重構 FlipMemoryTest: 使用 inline styles 避免 styled-jsx 問題，整合 ConfidenceLevel 元件 - 重構 VocabChoiceTest: 使用 ChoiceTestContainer + ChoiceGrid 統一選擇題架構 - 重構 SentenceFillTest: 使用 FillTestContainer + TextInput，保留複雜填空邏輯 - 重構 SentenceReorderTest: 使用 TestContainer，保留完整拖拽重組功能 - 重構 VocabListeningTest: 使用 ListeningTestContainer + ChoiceGrid + AudioPlayer - 重構 SentenceListeningTest: 使用 ListeningTestContainer，支援圖片功能 - 重構 SentenceSpeakingTest: 使用 SpeakingTestContainer + VoiceRecorder 技術改進: - 統一容器組件模式，提高代碼重用度 - 各元件實現 hasAnswered 狀態追蹤，為導航整合做準備 - 修復 ListeningTestContainer 和 SpeakingTestContainer 介面問題 - 修復 BaseTestComponent testContext 傳遞錯誤 - 清理未使用的代碼和註釋測試結果: - 所有元件編譯無錯誤 - TypeScript 類型檢查通過 - 開發伺服器運行穩定 - 保留所有原有功能（翻卡動畫、拖拽、錄音等） 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-29 01:11:23 +08:00
鄭沛軒	63c42fd72c	feat: 完成智能複習系統核心架構開發 ## 新增功能 - BaseTestComponent: 統一測驗元件基礎架構 - NavigationController: 智能導航控制系統（實現PRD US-008） - TestStatusIndicator: 測驗狀態視覺化元件 - AnswerActions: 標準化答題動作元件集合 - TestContainer: 統一測驗布局容器 ## 擴充功能 - TestQueueStore: 新增跳過隊列管理和優先級演算法（實現PRD US-009） - TaskListModal: 整合新視覺化元件 ## 核心特色 - 狀態驅動導航：答題前顯示「跳過」，答題後顯示「繼續」 - 智能優先級排序：未嘗試(100) > 答錯(20) > 跳過(10) - 四狀態視覺化：✅已答對 ❌已答錯 ⏭️已跳過 ⚪未完成 ## 技術實現 - 完整TypeScript類型支援 - React.memo效能優化 - 統一元件介面規範 - 優先級演算法實現 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-29 00:07:56 +08:00

Author

SHA1

Message

Date

鄭沛軒

9011f93dfe

feat: 完成前端大規模架構重組與術語統一

## 主要完成項目

### 🏗️ Hooks架構重組
- 刪除62.5%死代碼hooks (5個檔案)
- 重組為功能性資料夾結構 (flashcards/, review/)
- 修復所有import路徑和類型錯誤

### 🧹 Lib資料夾優化
- 移除未使用檔案：cn.ts, performance/, errors/, studySession.ts
- 統一API配置管理，建立中央化配置
- 清理硬編碼URL，提升可維護性

### 📝 術語統一 Study→Review
- API端點：/study/* → /review/*
- 客戶端：studyApiClient → reviewApiClient
- 配置項：STUDY → REVIEW
- 註釋更新：StudyRecord → ReviewRecord

### ✅ 技術成果
- 前端編譯100%成功，無錯誤
- 減少檔案數量31% (lib資料夾)
- 消除重複代碼和架構冗餘
- 建立企業級前端架構標準

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-10-01 16:15:17 +08:00

鄭沛軒

e808598cc0

refactor: 完成所有7種測驗元件架構統一重構

- 重構 FlipMemoryTest: 使用 inline styles 避免 styled-jsx 問題，整合 ConfidenceLevel 元件
- 重構 VocabChoiceTest: 使用 ChoiceTestContainer + ChoiceGrid 統一選擇題架構
- 重構 SentenceFillTest: 使用 FillTestContainer + TextInput，保留複雜填空邏輯
- 重構 SentenceReorderTest: 使用 TestContainer，保留完整拖拽重組功能
- 重構 VocabListeningTest: 使用 ListeningTestContainer + ChoiceGrid + AudioPlayer
- 重構 SentenceListeningTest: 使用 ListeningTestContainer，支援圖片功能
- 重構 SentenceSpeakingTest: 使用 SpeakingTestContainer + VoiceRecorder

技術改進:
- 統一容器組件模式，提高代碼重用度
- 各元件實現 hasAnswered 狀態追蹤，為導航整合做準備
- 修復 ListeningTestContainer 和 SpeakingTestContainer 介面問題
- 修復 BaseTestComponent testContext 傳遞錯誤
- 清理未使用的代碼和註釋

測試結果:
- 所有元件編譯無錯誤
- TypeScript 類型檢查通過
- 開發伺服器運行穩定
- 保留所有原有功能（翻卡動畫、拖拽、錄音等）

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-09-29 01:11:23 +08:00

鄭沛軒

63c42fd72c

feat: 完成智能複習系統核心架構開發

## 新增功能
- BaseTestComponent: 統一測驗元件基礎架構
- NavigationController: 智能導航控制系統（實現PRD US-008）
- TestStatusIndicator: 測驗狀態視覺化元件
- AnswerActions: 標準化答題動作元件集合
- TestContainer: 統一測驗布局容器

## 擴充功能
- TestQueueStore: 新增跳過隊列管理和優先級演算法（實現PRD US-009）
- TaskListModal: 整合新視覺化元件

## 核心特色
- 狀態驅動導航：答題前顯示「跳過」，答題後顯示「繼續」
- 智能優先級排序：未嘗試(100) > 答錯(20) > 跳過(10)
- 四狀態視覺化：✅已答對 ❌已答錯 ⏭️已跳過 ⚪未完成

## 技術實現
- 完整TypeScript類型支援
- React.memo效能優化
- 統一元件介面規範
- 優先級演算法實現

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-09-29 00:07:56 +08:00

3 Commits