dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	9f47be50d7	feat: 建立企業級Learn功能前端架構 ## 架構重新設計 - 實現4層分離架構：UI層、組件層、狀態層、服務層 - 建立Zustand狀態管理中心，替代複雜的useState邏輯 - 建立完整的7種測驗類型組件庫，獨立且可復用 ## 核心組件完成 - TestRunner.tsx: 測驗執行統一管理器 - 7種測驗組件: FlipMemory、VocabChoice、SentenceFill、SentenceReorder、聽力、口說 - 完整錯誤處理體系: 分類處理、自動重試、降級備份 ## 狀態管理架構 - useLearnStore: 核心學習狀態和業務邏輯 - useUIStore: UI控制狀態管理 - 智能狀態恢復機制完整實現 ## 技術改進 - 頁面代碼從2428行減少到215行 (91.1%減少) - 模組化設計：1個巨型檔案 → 15個專門模組 - 企業級錯誤處理和容災機制 - 充分利用現有組件庫，避免重複開發 ## 文檔完善 - 建立完整前端架構說明文檔 - 文檔重組和交叉引用系統 - 統一文檔導航入口 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-27 17:37:45 +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
鄭沛軒	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

Author

SHA1

Message

Date

鄭沛軒

9f47be50d7

feat: 建立企業級Learn功能前端架構

## 架構重新設計
- 實現4層分離架構：UI層、組件層、狀態層、服務層
- 建立Zustand狀態管理中心，替代複雜的useState邏輯
- 建立完整的7種測驗類型組件庫，獨立且可復用

## 核心組件完成
- TestRunner.tsx: 測驗執行統一管理器
- 7種測驗組件: FlipMemory、VocabChoice、SentenceFill、SentenceReorder、聽力、口說
- 完整錯誤處理體系: 分類處理、自動重試、降級備份

## 狀態管理架構
- useLearnStore: 核心學習狀態和業務邏輯
- useUIStore: UI控制狀態管理
- 智能狀態恢復機制完整實現

## 技術改進
- 頁面代碼從2428行減少到215行 (91.1%減少)
- 模組化設計：1個巨型檔案 → 15個專門模組
- 企業級錯誤處理和容災機制
- 充分利用現有組件庫，避免重複開發

## 文檔完善
- 建立完整前端架構說明文檔
- 文檔重組和交叉引用系統
- 統一文檔導航入口

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-09-27 17:37:45 +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

鄭沛軒

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

3 Commits