dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	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

Author

SHA1

Message

Date

鄭沛軒

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

3 Commits