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

18 Commits

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
鄭沛軒 b8aa0214f0 style: 優化重組區域置中效果與註解規範 
## 重組區域視覺改進
- 修正「答案區」完全置中對齊（上下左右都置中）
- 使用 absolute inset-0 確保完美居中效果
- 添加 relative 定位支援絕對定位子元素

## 代碼註解規範
- 為所有測驗說明文字添加統一註解格式
- 使用 "Instructions Test Action" 標準註解
- 提升代碼可讀性和維護性

## 布局微調
- 優化重組區域的空白狀態顯示
- 確保視覺元素的精確對齊

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 12:18:11 +08:00
鄭沛軒 12488b3bdd style: 統一所有測驗的答案回饋樣式與間距 
## 樣式統一化
- 統一所有答案回饋為例句重組的標準格式
- 修正詞彙選擇和詞彙聽力的選項間距問題
- 統一圖片顯示尺寸，以例句重組為標準

## 具體改進
- 答案回饋容器：統一使用 p-6 rounded-lg w-full mb-6
- 標題文字：統一使用 text-left text-xl mb-4
- 選項區域：添加 mb-6 底部間距避免與回饋區域黏合
- 圖片樣式：移除 VoiceRecorder 中的額外樣式限制

## VoiceRecorder 組件優化
- 添加自定義說明文字支援
- 統一圖片容器和樣式
- 改善布局順序和間距

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 04:31:27 +08:00
鄭沛軒 d1c5f2e31c refactor: 優化例句口說功能設計與用戶體驗 
## VoiceRecorder 組件改進
- 添加自定義說明文字 prop (instructionText)
- 調整布局順序：圖片 → 說明 → 例句
- 統一圖片容器樣式與其他模式一致

## 例句口說頁面優化
- 移除重複的例句和圖片顯示
- 簡化錄音完成回饋區域
- 移除不必要的目標單字和發音顯示
- 調整回饋訊息為分行顯示，提升可讀性
- 實現滿版寬度布局

## 用戶體驗改進
- 消除重複內容，介面更簡潔
- 統一設計語言，視覺一致性更好
- 優化訊息層次，重點更突出

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 04:12:52 +08:00
鄭沛軒 7203346134 feat: 完成例句重組與例句口說功能設計 
## 例句重組功能實現
- 實現完整的點擊式單字重組功能
- 添加例句圖片顯示支援
- 創建直觀的重組區域和可用單字區域
- 實現答案檢查和結果回饋系統
- 提供重新開始功能

## 例句口說功能優化
- 添加例句圖片顯示
- 重新設計為完整例句口說練習
- 使用統一的區塊化布局設計
- 移除單獨的詞彙發音區塊，專注於例句練習
- 調整VoiceRecorder目標為完整例句

## 技術改進
- 改進拖拉操作為更簡單的點擊操作
- 統一所有測驗模式的視覺設計
- 優化用戶互動體驗和學習流程

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 04:00:14 +08:00
鄭沛軒 a20fa9004d feat: 重構例句填空與例句重組功能 
## 例句填空重大改進
- 實現真正的例句挖空功能，支援點擊輸入
- 添加例句圖片顯示，提供視覺化學習輔助
- 重新設計答案回饋為滿版左對齊布局
- 優化提示功能顯示詞彙定義而非字母提示
- 移除例句中文翻譯，專注於英文理解

## 例句重組功能增強
- 添加例句圖片顯示功能
- 保持與例句填空一致的視覺設計

## 其他優化
- 修復翻卡記憶標題置中問題
- 優化詞彙聽力模式，移除定義和翻譯干擾
- 統一所有測驗模式的標題和布局格式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 03:41:44 +08:00
鄭沛軒 a39ef4ba6f ux: 調整測驗頁面布局為統一格式 
- 將所有測驗模式的標題移至左上角
- 難度標籤移至右上角
- 為每個測驗添加清楚的操作說明文字
- 使用 flex justify-between 布局統一標題區域

改善用戶體驗，讓每個測驗的目的和操作方式更加清晰明確。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 02:49:36 +08:00
鄭沛軒 55db91c872 refactor: 重新命名學習模式為更清晰的名稱 
- 翻卡題 → 翻卡記憶 (flip-memory)
- 選擇題 → 詞彙選擇 (vocab-choice)
- 詞彙聽力題 → 詞彙聽力 (vocab-listening)
- 例句聽力題 → 例句聽力 (sentence-listening)
- 填空題 → 例句填空 (sentence-fill)
- 例句重組題 → 例句重組 (sentence-reorder)
- 例句口說題 → 例句口說 (sentence-speaking)

更新了TypeScript型別定義、Tab Bar按鈕文字、測驗頁面標題和所有相關的條件判斷邏輯。新名稱更具描述性，用戶更容易理解每種測驗的功能和目標。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-20 01:00:42 +08:00
鄭沛軒 e794f47909 fix: 修復選擇題模式的 TypeScript 型別錯誤 
為 selectedOtherWords 變數加上明確的 string[] 型別宣告，
解決了 TypeScript 無法推斷變數型別的編譯錯誤。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 23:49:20 +08:00
鄭沛軒 15c4bffe3d ux: 優化選擇題模式的對齊方式和答案回饋 
- 統一選擇題內容為左對齊：問題文字、選項按鈕、答案回饋
- 完善答案顯示：答對和答錯時都顯示詞彙、音標和播放功能
- 改善學習回饋體驗，確保用戶獲得完整的發音資訊
- 優化視覺一致性，與翻卡模式保持統一設計語言

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 23:36:53 +08:00
鄭沛軒 5bd823ee91 ux: 重構學習模式設計與導航體驗 
- 改進選擇題模式：顯示定義讓用戶選擇對應英文詞彙
- 優化選項生成邏輯：動態從卡片組生成選項並隨機排序
- 新增翻卡背面例句播放功能，提升學習效果
- 統一所有學習模式導航按鈕位置和樣式
- 實現全版導航按鈕設計，改善觸控體驗
- 修正結果顯示邏輯和音頻回饋功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 23:23:02 +08:00
鄭沛軒 c1e296c860 ux: 實現翻卡模式動態高度適配與版面優化 
- 新增動態高度計算系統，解決翻轉時卡片大小變化問題
- 實現正面背面高度自動匹配，確保翻轉體驗一致
- 優化翻卡模式設計：移除CEFR標籤、簡化正面佈局
- 改善背面內容組織：灰底區分、左對齊文字、移除冗餘元素
- 修復背面底部空白問題，提升視覺整潔度
- 添加平滑高度過渡動畫，增強用戶體驗

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 23:09:45 +08:00
鄭沛軒 31e3fe9fa8 ux: 優化學習頁面用戶體驗和互動設計 
- 修正翻卡模式卡片翻轉動畫和版面配置
- 改善選擇題模式答案顯示和回饋機制
- 優化語音錄音組件狀態管理
- 加強用戶交互體驗和視覺回饋

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 17:44:39 +08:00
鄭沛軒 da85bb8f42 ux: 優化學習模式的用戶體驗設計 
- 簡化語音播放器，移除口音切換和音量控制
- 修正選擇題邏輯：根據英文定義選擇詞彙
- 修復播放按鈕事件冒泡問題，避免誤觸翻卡
- 優化翻卡背面設計，使用灰色區塊和自適應高度
- 統一語音播放為美式發音，提供一致體驗

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 14:49:37 +08:00
鄭沛軒 0bfb08a97b ux: 優化翻卡模式和錯誤回報按鈕的視覺設計 
- 移除翻卡背面的滾動條，讓內容自然延伸
- 將錯誤回報按鈕從紅色改為灰色，降低視覺干擾
- 提升整體用戶體驗的視覺和諧度

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 13:50:36 +08:00
鄭沛軒 d5395f5741 feat: 實現完整語音功能系統與學習模式整合 
- 新增 TTS 語音播放和語音辨識功能
- 實現 Azure Speech Services 整合架構
- 建立完整的音頻快取和評估系統
- 整合語音功能到五種學習模式
- 新增語音錄製和發音評分組件
- 優化學習進度和評分機制
- 完成語音功能規格書和測試案例文檔

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-19 13:33:17 +08:00
鄭沛軒 4644988f00 fix: 完全統一所有頁面的導航系統 
🔧 徹底解決導航不一致問題：
- 修復 learn 頁面使用舊的內聯導航
- 升級 Navigation 組件支援學習模式
- 添加 showExitLearning 屬性處理特殊情況
- 移除所有重複的導航代碼

🎯 統一導航系統功能：
- 所有頁面使用同一個 Navigation 組件
- 學習頁面特殊的「× 結束學習」按鈕
- 當前頁面自動高亮顯示
- 完整的用戶資訊和登出功能

📋 修復的頁面：
- ✅ dashboard: 使用統一導航
- ✅ flashcards: 使用統一導航
- ✅ learn: 使用統一導航（含結束學習按鈕）

🚀 現在所有頁面的導航完全一致！
不再有兩套導航系統，用戶體驗大幅提升。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:33:11 +08:00
鄭沛軒 c94cf75838 feat: DramaLing 完整版本 - 韓劇單字學習應用 
🚀 主要功能：
- 前後端分離架構（Next.js + .NET Core）
- 完整用戶認證系統（註冊、登入、JWT）
- 單字卡學習功能
- AI 輔助生成單字卡
- 多種學習模式（翻卡、選擇題、拼寫）
- 學習進度追蹤
- 響應式設計

🏗️ 技術棧：
- Frontend: Next.js 15, TypeScript, Tailwind CSS
- Backend: .NET Core 8, Entity Framework, SQLite
- 認證: JWT Bearer Token
- AI: Google Gemini API
- 資料庫: SQLite（測試）

🌟 特色：
- 完整的 CRUD 操作
- 安全的環境變數配置
- 乾淨的代碼結構
- 完善的錯誤處理
- RESTful API 設計

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-16 23:06:47 +08:00