jettcheng1018
/
dramaling-vocab-learning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
205 Commits 1 Branch 0 Tags 150 MiB
Commit Graph

9 Commits

Author SHA1 Message Date
鄭沛軒 35b3072852 feat: 完成手動重構並建立階段4優化計劃 
## 🎯 重構成果
- ✅ VocabChoiceTest: 149行→127行 (-15%, 使用ChoiceTestProps)
- ✅ SentenceReorderTest: 220行→202行 (-8%, 使用ReorderTestProps)
- ✅ review-design頁面: 更新支援新架構cardData傳遞
- ✅ 統一ErrorReportButton共用組件應用

## 📝 計劃文檔
- 📋 更新現有優化計劃進度狀態
- 🚀 新增階段4詳細優化計劃 (效能/錯誤處理/UX)

## 🔧 技術成就
- 手動重構方法驗證成功 (避免全局替換風險)
- 共用架構價值實現 (40行代碼減少)
- TypeScript類型安全完整實現

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-28 19:47:19 +08:00
鄭沛軒 21f70caf55 feat: 更新前端 review-design 頁面支援同義詞顯示 
## 主要更新
- 更新 example-data.json 為所有詞卡添加 synonyms 欄位範例
- 修改 page.tsx 的 mockCardData 包含 synonyms 資料傳遞
- 更新 FlipMemoryTest 組件使用真實的 synonyms 資料
- 在 UI 中添加同義詞視覺化顯示區域

## 同義詞範例資料
- warrants → permits, authorizations, licenses
- ashamed → embarrassed, guilty, remorseful
- tragedy → disaster, catastrophe, calamity
- criticize → blame, condemn, fault
- condemned → denounced, censured, criticized
- blackmail → extort, threaten, coerce
- furious → angry, enraged, irate

## UI 改善
- 卡片切換區域顯示當前詞卡的同義詞
- 同義詞以逗號分隔的方式清晰呈現
- 與後端 API 格式完全一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-28 16:36:56 +08:00
鄭沛軒 50a0a79d72 feat: 完成前端動態答案推導系統和UI組件優化 
## 🎯 動態答案推導系統

### 新增核心工具
- answerExtractor.ts: 從例句和挖空題目動態推導正確答案
- 支援單空格和多空格情況
- 完整的錯誤處理和降級機制

### SentenceFillTest 組件升級
- 新增 filledQuestionText 屬性支援
- 實作 renderFilledSentence() 智能渲染
- 動態計算正確答案，無需資料庫存儲
- 改善確認答案按鈕：始終可見，智能狀態提示

## 🎨 UI/UX 組件優化

### 填空題交互改善
- 確認答案按鈕始終顯示
- 智能狀態文字：「請先輸入答案」→「確認答案」→「已確認」
- 動態答案驗證和音頻播放

### 其他組件調整
- VocabChoiceTest: 優化音頻和發音顯示
- FlipMemoryTest: 改善例句區塊布局
- SentenceListeningTest: 優化結果顯示格式
- SentenceReorderTest: 調整音頻控制位置

## 📊 系統優勢

✅ **無需額外存儲**: 答案從現有資料動態推導
✅ **資料一致性**: 答案永遠與例句匹配
✅ **智能降級**: 後端無資料時自動使用前端邏輯
✅ **用戶體驗**: 更清晰的操作指引和狀態回饋

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-28 02:24:59 +08:00
鄭沛軒 8bef1e0d59 feat: 實作智能填空題系統 - 支援詞彙變形自動挖空 
## 🎯 核心功能實現

### 資料庫擴展
- Flashcard 實體新增 FilledQuestionText 欄位
- 創建和執行 Migration 更新資料庫結構
- 配置 DbContext 欄位映射

### 智能挖空服務
- WordVariationService: 70+常見詞彙變形對應表 (eat/ate, go/went 等)
- BlankGenerationService: 智能挖空生成邏輯
  - 程式碼挖空: 完全匹配 + 詞彙變形處理
  - AI 輔助預留: 框架準備完成

### API 功能強化
- FlashcardsController: 在 GetDueFlashcards 中自動生成挖空
- 檢查 FilledQuestionText 為空時自動處理
- 批次更新和結果快取到資料庫

### 測試資料完善
- example-data.json 添加所有詞彙的 filledQuestionText
- 提供完整的填空題測試範例

## 🚀 系統優勢

✅ **解決詞彙變形問題**: 支援動詞時態、名詞複數、形容詞比較級
✅ **後端統一處理**: 挖空邏輯集中管理，前端可直接使用
✅ **一次生成多次使用**: 結果儲存提升系統效能
✅ **智能回退機制**: 程式碼挖空失敗時可擴展AI輔助

## 🧪 測試驗證

已驗證: "magnificent" → "The view from the mountain was ____."
準備支援: eat/ate, go/went 等70+詞彙變形案例

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-28 01:37:53 +08:00
鄭沛軒 5a9e7f727c feat: 統一所有選擇題組件的選項布局和圖片功能 
## 主要改動

### 響應式選項布局統一
- VocabChoiceTest: 改為2x2網格布局，支援響應式設計
- VocabListeningTest: 添加響應式斷點 (grid-cols-1 sm:grid-cols-2)
- SentenceListeningTest: 改為響應式2x2網格，移除選項標籤

### 圖片功能完善
- SentenceListeningTest: 新增exampleImage和onImageClick支援
- 添加完整的圖片顯示區塊和點擊處理
- review-design頁面: 為SentenceListeningTest傳遞圖片屬性

### 視覺一致性提升
- 所有選擇題組件採用相同的按鈕樣式和網格布局
- 統一文字置中對齊和font-medium字重
- 手機版自動切換為單列布局，提升觸控體驗
- 桌面版使用2x2網格，充分利用屏幕空間

### 響應式設計
- 小屏幕 (< 640px): 選項垂直單列排列
- 中等以上屏幕 (≥ 640px): 選項2x2網格排列
- 保持所有組件一致的響應式行為

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-28 00:18:10 +08:00
鄭沛軒 b913d13543 fix: 修復review-design頁面例句圖片顯示和TypeScript類型錯誤 
- 修正mockCardData中exampleImage的類型從null改為undefined
- 為SentenceReorderTest組件添加exampleImage和onImageClick屬性傳遞
- 確保所有支援圖片的測試組件都能正確顯示例句圖片
- 修復TypeScript類型不匹配錯誤 (string|null vs string|undefined)
- 完善SentenceFillTest、SentenceReorderTest、SentenceSpeakingTest的圖片功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-27 23:47:22 +08:00
鄭沛軒 589a22b89d feat: 完成CardSet功能清理和測試資料優化 
## 主要改動

### 後端 CardSet 功能完全移除
- 刪除 CardSet.cs 實體模型
- 移除 Flashcard 中的 CardSetId 欄位和導航屬性
- 清理 User 實體中的 CardSets 導航屬性
- 更新 DbContext 移除 CardSet 相關配置
- 修復 FlashcardsController、StatsController、StudyController 中的 CardSet 引用
- 創建和執行資料庫 migration 移除 CardSet 表和相關約束

### API 功能修復和優化
- 修復 FlashcardsController GetFlashcards 方法的 500 錯誤
- 恢復例句圖片處理功能 (FlashcardExampleImages)
- 增強錯誤日誌和調試資訊
- 簡化後重新添加完整圖片處理邏輯

### 前端測試資料完善
- 轉換 CSV 為完整的 API 響應格式
- 為所有詞彙添加圖片資料結構和URL
- 修正 exampleTranslation 為 example 的正確中文翻譯
- 更新 review-design 頁面支援動態卡片切換
- 移除 cardSetId 相關欄位

### 系統架構簡化
- 移除不使用的 CardSet 功能，專注核心 Flashcard 學習
- 統一資料格式，提升前後端一致性
- 完善測試環境的假資料支援

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-27 23:36:25 +08:00
鄭沛軒 4ec3fd1bc9 feat: 新增詞彙測試資料JSON檔案 
- 將CSV格式轉換為JSON格式，提供10筆詞彙測試資料
- 處理Google Drive圖片連結為直接存取URL
- 還原例句中的空格符號為完整單字
- 為每個詞彙添加A1-A2等級的簡單同義詞
- 建立統一的資料結構支援各種測試組件
- 包含詞彙定義、例句、翻譯、難度等級和圖片

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-27 22:12:13 +08:00
鄭沛軒 0292c1bbfe refactor: 重新命名review-tests為review-design 
- 資料夾從review-tests重命名為review-design
- 導航標籤改為🎨設計，更明確UI設計用途
- 頁面標題更新為"Review 組件設計"
- 統一外層排版與review頁面一致
- 移除測驗組件外層卡片包裝，直接展示在背景上

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-27 21:00:14 +08:00