Commit Graph

6 Commits

Author SHA1 Message Date
鄭沛軒 9bb63c4ce3 refactor: 重命名SimplifiedFlashcards為Flashcards,統一命名架構
**重命名內容**:
- SimplifiedFlashcardsController → FlashcardsController
- API路由:/api/flashcards-simple → /api/flashcards
- 前端服務:simplifiedFlashcardsService → flashcardsService
- 類型定義:SimpleFlashcard → Flashcard, CreateSimpleFlashcardRequest → CreateFlashcardRequest

**檔案變更**:
- 後端:Controllers/SimplifiedFlashcardsController.cs → FlashcardsController.cs
- 前端:lib/services/simplifiedFlashcards.ts → flashcards.ts
- 更新所有組件和頁面的服務引用

**架構優化**:
 統一命名規範,移除"Simplified"前綴
 API路由更簡潔 (/api/flashcards)
 減少命名混淆,提升開發體驗
 保持向後兼容的功能完整性

現在系統有統一、簡潔的詞卡API架構!

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-24 01:21:03 +08:00
鄭沛軒 03c1756d71 feat: 完成AI生成功能的完整前後端整合
後端實現:
- 創建AIController和GeminiService集成Google Gemini API
- 實現完整的句子分析API端點
- 添加數據模型和錯誤處理機制
- 集成現有的緩存和使用追蹤服務
- 使用User Secrets安全存儲Gemini API Key

前端整合:
- 更新為使用真實API調用替代假資料
- 修復所有API服務指向正確port (5008)
- 改善錯誤處理和用戶體驗
- 確保前後端數據格式完全匹配

功能特色:
- 智能語法檢查和修正建議
- 基於CEFR等級的個人化詞彙標記
- 慣用語識別和展示
- 完整的詞彙詳情彈窗
- 一鍵保存到詞卡功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-22 03:04:29 +08:00
鄭沛軒 b348780eaa feat: 完成詞卡儲存功能整合並移除假資料
🎯 主要功能:
- 統一前後端API欄位名稱(word/translation/definition)
- 移除所有假資料生成函數,改用真實API調用
- 修正FlashcardForm和相關組件的欄位映射

🔧 技術修正:
- 前端handleSaveWord函數使用正確的API欄位
- flashcardsService interface與後端API完全匹配
- handleAnalyzeSentence改為調用真實的analyze-sentence API

📝 代碼清理:
- 移除generateMockAnalysis函數(~150行代碼)
- 移除getRandomTranslation、getRandomPartOfSpeech等工具函數
- 清理所有mock相關的註釋和變數

 功能驗證:
- 後端API正常運行(localhost:5000)
- 前端Portal彈窗樣式完美
- 詞卡儲存功能完整可用

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-21 01:36:22 +08:00
鄭沛軒 4e69030bc2 feat: 實現完整的詞彙儲存功能與UI設計優化
- 新增後端批量詞卡保存API (POST /api/flashcards/batch)
- 實現前端詞卡選擇對話框組件 (CardSelectionDialog)
- 優化句子分析頁面設計,以句子為主體
- 重新設計ClickableTextV2詞彙popup,採用現代玻璃morphism風格
- 改進詞卡清單頁面,採用簡潔的清單設計
- 添加CEFR等級標註與六級顏色設計
- 新增收藏功能與收藏詞卡tab頁面
- 創建詞彙版型展示頁面 (vocab-designs)
- 建立完整的UI/UX設計規範文件
- 撰寫詞彙生成與儲存系統技術規格文件
- 使用假數據實現快速測試功能
- 優化例句圖片展示與播放按鈕設計

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 17:52:22 +08:00
鄭沛軒 715b735c4d feat: 實現自動「未分類」預設卡組功能
- 新增 CardSet.IsDefault 欄位標識預設卡組
- 實現用戶註冊時自動創建「未分類」卡組
- 添加 ensure-default API 端點確保預設卡組存在
- 優化詞卡創建邏輯,支援自動歸類到預設卡組
- 改善前端表單處理,智能選擇預設卡組
- 修復預設卡組顯示對比度問題

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-17 13:41:30 +08:00
鄭沛軒 abc0b00641 feat: 完成前端詞卡功能整合,實現真實資料顯示
🎯 第一階段開發完成里程碑:
-  建立完整的 FlashcardsService API 整合層
-  重構 /flashcards 頁面使用真實後端資料
-  實作詞卡集合和詞卡列表顯示
-  添加載入狀態和錯誤處理
-  實作搜尋和篩選功能
-  集成 ProtectedRoute 認證保護

🚀 技術成果:
- 前端完全不再使用 mock 資料
- 真實的 API 調用和資料庫操作
- 用戶可以在 http://localhost:3000/flashcards 看到真實詞卡
- 響應式設計適配不同裝置

📊 功能驗證:
- 詞卡集合正確顯示(商務英語基礎)
- 詞卡資料正確載入(negotiate, meeting, presentation)
- 搜尋功能正常運作
- 詞卡詳情完整展示(發音、例句、熟練度)

🎯 下一步:實作詞卡 CRUD 操作和 AI 生成功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-17 02:58:11 +08:00