Commit Graph

5 Commits

Author SHA1 Message Date
鄭沛軒 c6d5bb6ce3 feat: 完成詞卡管理功能前後端完整整合
🎯 後端 API 增強:
- 擴展搜尋功能支援例句內容 (Example 和 ExampleTranslation)
- 新增進階篩選查詢參數 (cefrLevel, partOfSpeech, masteryLevel)
- 建立完整的 FlashcardDto.cs 含資料驗證規則
- 查詢效能優化:新增 AsNoTracking() 提升效能
- 實現三級掌握度篩選邏輯 (high ≥80%, medium 60-79%, low <60%)

🖥️ 前端功能完善:
- FlashcardsService 支援完整進階篩選參數
- FlashcardForm 新增 CEFR 等級選擇器 (A1-C2)
- 統一詞性格式使用英文值 (noun, verb, adjective 等)
- 詞卡頁面整合後端篩選,移除前端重複邏輯
- 實現 300ms 搜尋防抖處理
- 快速篩選按鈕分離 C1/C2 等級選項
- AI 生成頁面支援完整 CEFR 等級儲存

🔗 完整 API 整合:
- 詞卡詳細頁面修復 import 錯誤並完整整合後端 API
- ClickableTextV2 修復 userLevel 和 compareCEFRLevels 函數問題
- 所有 CRUD 操作 (創建、讀取、更新、刪除、收藏) 完全整合
- 前後端型別定義完全一致,確保型別安全

📋 文檔完善:
- 建立後端 API 開發計劃文檔含完整技術規格
- 所有文檔引用標注清楚,便於開發者理解

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-24 04:21:06 +08:00
鄭沛軒 fd58f43b9b refactor: 完成前端組件重命名,統一使用flashcards服務
🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-24 01:21:42 +08:00
鄭沛軒 be236f7216 refactor: 移除卡組功能,簡化詞卡管理系統
- 完全移除卡組分類功能,簡化詞卡管理邏輯
- 詞卡管理頁面只保留"所有詞卡"和"收藏詞卡"兩個tab
- 移除卡組相關界面元素和統計信息
- 詞卡列表顯示創建時間取代卡組信息
- 詞卡詳細頁面移除開始學習按鈕
- CEFR標籤移至卡片右上角,移除"CEFR"文字前綴
- 底部操作按鈕採用平均延展布局(flex-1)
- 強化搜尋和收藏功能作為主要組織方式
- 創建詞卡管理系統簡化規格文檔
- 專注詞彙學習本質,降低管理複雜度

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 19:29:00 +08:00
鄭沛軒 080cbe14a6 refactor: 優化詞卡詳細頁面設計並修正TypeScript錯誤
- 刪除左上角藍色圓圈頭像,讓詞彙標題更突出
- 調整詞性位置到音標左邊,邏輯順序更合理
- 統一播放按鈕樣式,參考學習功能翻卡模式設計
- 刪除右上角多餘的收藏星星,保持CEFR標籤純粹
- 修正TypeScript類型錯誤,確保編譯正常
- 簡化API邏輯,使用假資料確保穩定展示
- 統一詞彙和例句的播放按鈕為學習功能風格

設計現在更加簡潔清晰,與學習功能完全一致。

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 18:52:08 +08:00
鄭沛軒 0b871a9301 feat: 創建詞卡詳細頁面與完善導航功能
- 新增詞卡詳細頁面 (/flashcards/[id]) 採用學習功能風格設計
- 實現完整的詞卡詳細展示,包含學習統計、內聯編輯功能
- 修正Next.js 15的params處理,使用React.use()解包Promise
- 更新詞卡列表的導航邏輯,點擊詳細按鈕跳轉到詳細頁面
- 添加假資料支援,確保所有詞卡都能正常顯示詳細頁面
- 實現內聯編輯功能,支援翻譯、定義、例句的即時編輯
- 整合收藏功能到詞卡詳細頁面
- 提供開始學習和刪除詞卡的快速操作
- 採用漸層背景和彩色區塊設計,與學習功能保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 18:40:39 +08:00