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

329 Commits

Author SHA1 Message Date
鄭沛軒 1fb7cadd52 feat: 新增完整的系統分析文檔和前端快取狀態顯示 
前端改善:
- 新增快取狀態視覺化標籤 (💾 快取結果 / 🤖 AI 分析)
- 完善ClickableTextV2組件的大小寫屬性相容性
- 修復互動式單字查詢功能在快取場景下的顯示問題
- 改善載入狀態提示，增加時間預期說明
- 新增getWordProperty輔助函數，統一處理屬性讀取

系統文檔:
- 新增完整的功能規格文檔 (User Flow + 測試案例)
- 生成快取機制分析報告 (前端+後端)
- 建立使用限制功能實現報告
- 記錄所有檢查方法和問題解決過程

清理:
- 移除過時的環境設定文檔
- 整理專案結構

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-18 14:44:48 +08:00
鄭沛軒 63b1018d97 fix: 完全修復快取資料結構不一致問題和互動式單字查詢功能 
- 修復快取API回應中sentenceMeaning大小寫不一致問題
- 完善ClickableTextV2組件對快取資料的屬性讀取相容性
- 新增前端快取狀態顯示（💾 快取結果 / 🤖 AI 分析）
- 統一JSON序列化設定，使用camelCase命名策略
- 新增getWordProperty輔助函數，支援大小寫屬性名稱
- 修復單字彈窗中所有屬性的讀取邏輯
- 完善語法修正和詞彙分析的資料格式相容性
- 新增詳細的系統功能分析文檔

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-18 14:43:53 +08:00
鄭沛軒 c0edf93c8a feat: 添加登入頁面開發模式自動填入功能 
- 登入頁面自動填入測試資料 (john@mail.com / 1qaz@WSX)
- 只在開發環境生效，生產環境保持原有行為
- 添加開發模式視覺提示
- 註冊頁面保持手動輸入確保流程完整性

提升開發效率，無需每次手動輸入登入資料

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-18 02:38:52 +08:00
鄭沛軒 d69ba4ea8a feat: 完成前端整合和調試優化 
- 整合demo-v3功能到正式generate頁面
- 移除測試示例和調試內容
- 添加前端調試日誌協助排查問題
- 修復組件安全性檢查
- 符合原始功能規格要求

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-18 02:10:55 +08:00
鄭沛軒 95097cf3f1 feat: 實現真正的AI驅動互動式單字查詢系統 
## 主要功能
- 整合真正的Gemini AI進行句子分析和翻譯
- 實現智能語法錯誤檢查和修正建議
- 完整的高價值詞彙標記系統（片語/單字/普通）
- 24小時快取機制提升性能和降低成本
- 互動式單字查詢：高價值免費，低價值收費
- 使用次數限制：免費用戶5次/3小時

## 技術實現
- 新增真正的Gemini AI句子分析服務
- 實現快取服務和背景清理任務
- 完整的前後端API整合
- 語法修正面板和互動文字組件
- 使用統計追蹤和限制機制

## 系統架構
- 後端：真正的AI分析 + 快取 + 統計
- 前端：互動式UI + 狀態管理 + 錯誤處理
- 資料庫：快取表 + 使用統計表

## 成本優化
- 預分析高價值詞彙，後續免費查詢
- 24小時快取避免重複AI調用
- 智能收費機制：高價值免費，低價值按需收費
- 預估API成本降低80-95%

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-18 02:09:56 +08:00
鄭沛軒 76e95dbef2 feat: 實現互動式單字查詢系統，包含語法修正和高價值標記功能 
## 主要功能
- 智能語法錯誤檢測和修正建議（9種錯誤類型）
- 高價值詞彙標記系統（片語/俚語/中高級單字）
- 三色視覺區分：🟡高價值片語 🟢高價值單字 🔵普通單字
- 成本優化：高價值詞彙免費查詢，低價值詞彙按需收費
- 字數限制提升：50字→300字

## 技術實現
- 新增 ClickableTextV2 和 GrammarCorrectionPanel 組件
- 更新 Generate 頁面整合完整功能
- 完整的設計規格文檔（API、UI線框圖、功能規格）
- 多個演示頁面展示功能效果

## 成本效益
- 一次API調用，多次免費查詢
- 預估API成本降低80-95%
- 智能收費機制精準控制成本

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 19:57:08 +08:00
鄭沛軒 336f235684 chore: 停止追蹤 Claude Code 個人設定檔案 
- 從版本控制中移除 .claude/settings.local.json
- 添加 .claude/ 目錄到 .gitignore
- 保持個人化 Claude Code 設定的私密性

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 16:13:37 +08:00
鄭沛軒 59e94b957a chore: 忽略 Claude Code 個人設定檔案 
- 添加 .claude/ 目錄到 .gitignore
- 避免個人化 Claude Code 設定被提交到版本控制

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 16:13:13 +08:00
鄭沛軒 3838be2ea3 fix: 完善 .gitignore 規則，正確忽略 Next.js 編譯產物 
- 添加 frontend/.next/ 和 frontend/out/ 忽略規則
- 避免 Next.js 編譯快取被意外提交到版本控制

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 16:12:09 +08:00
鄭沛軒 448883ff97 feat: 實現 AI 服務整合和前後端連接 
- 整合 Google Gemini API 服務
- 添加測試端點支援無認證調用
- 實現前端 API 調用和資料格式轉換
- 完善錯誤處理和模擬資料回退
- 添加詞卡保存到資料庫功能
- 配置 User Secrets 安全管理 API 金鑰
- 優化 AI 服務條件判斷邏輯

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 16:08:37 +08:00
鄭沛軒 303f0ac727 fix: 統一 Generate 頁面導航體驗 
- 在標準 Navigation 組件中添加「AI 生成」選項
- 將 Generate 頁面改為使用統一的 Navigation 組件
- 添加 ProtectedRoute 包裝確保安全性一致
- 移除自定義內聯導航，提升代碼維護性
- 確保所有頁面的導航體驗統一

現在所有頁面都有完整的響應式導航，包括手機版漢堡選單、用戶資訊和登出功能。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 14:09:53 +08:00
鄭沛軒 97606d8c56 chore: 停止追蹤 Next.js 編譯產物和快取文件 
移除已被錯誤追蹤的 .next 目錄文件，這些文件應該被 .gitignore 規則忽略。
包括：webpack 快取、編譯產物、型別定義、建置清單等開發時產生的檔案。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 13:49:37 +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
鄭沛軒 452cdef641 fix: 保留通知按鈕在手機版，完善響應式設計 
📱 手機版最終設計：
頂部：[🍔] DramaLing [🔔]
- 漢堡選單：導航功能
- Logo：品牌識別
- 通知按鈕：重要功能保留

🎯 響應式顯示策略：
- 通知按鈕：桌面和手機都顯示
- 用戶資訊：只在桌面版顯示（頭像、用戶名、登出）
- 下拉選單：手機版的用戶資訊區域

✅ 現在的完美設計：
🖥️ 桌面：[🍔] DramaLing | 導航項目     [🔔] [👤 用戶名] [登出]
📱 手機：[🍔] DramaLing [🔔]

🚀 符合用戶期望的直覺設計！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:59:16 +08:00
鄭沛軒 41266742b4 fix: 完善手機版導航設計，隱藏頂部用戶資訊 
📱 手機版 UI 最佳化：
- 頂部只保留漢堡選單和 Logo（極簡設計）
- 用戶資訊、通知按鈕移到桌面版專用（hidden md:flex）
- 手機版的用戶資訊完全在下拉選單中

🎯 現在的手機版佈局：
頂部：[🍔] DramaLing
下拉：導航 + 用戶資訊 + 登出

✅ 符合移動端設計最佳實踐：
- 頂部導航條簡潔明瞭
- 避免小螢幕上的擁擠感
- 用戶資訊放在邏輯位置（選單底部）

🚀 DramaLing 現在有真正專業的響應式設計！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:56:57 +08:00
鄭沛軒 c4010c362c fix: 修正漢堡選單位置，符合標準 UI 模式 
🔧 UI 位置修正：
- 將漢堡選單按鈕移到 Logo 左邊
- 符合標準的移動端 UI 設計模式
- 提升用戶的直覺操作體驗

📱 現在的手機版佈局：
[🍔] DramaLing                    [通知]

✅ 標準 UI 模式：
- 漢堡選單在左上角是業界標準
- 用戶更容易找到和操作
- 與主流 App 的使用習慣一致

🎯 完美的響應式導航系統現已完成！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:53:26 +08:00
鄭沛軒 4797366a25 feat: 添加手機版響應式導航，實現漢堡選單 
📱 手機版導航系統：
- 添加漢堡選單按鈕（三條線 ↔ X 圖示切換）
- 實作手機版下拉選單，包含所有導航項目
- 手機版用戶資訊區域（頭像 + 登出）
- 點擊導航項目後自動關閉選單

🎯 響應式設計改進：
- 桌面版：水平導航條 + 右側用戶資訊
- 手機版：漢堡選單 + 垂直下拉選單
- 當前頁面在手機版以主色調背景高亮

🔧 技術實作：
- 使用 Tailwind 的 md: 斷點控制顯示/隱藏
- useState 管理手機選單開關狀態
- 動態 SVG 圖示切換（選單/關閉）

✅ 解決問題：
- 手機版現在有完整的導航功能
- 所有頁面在手機上都可以正常使用
- 專業級的響應式用戶體驗

🚀 DramaLing 現在完全支援桌面和手機裝置！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:51:17 +08:00
鄭沛軒 116daafc37 fix: 解決頁面切換時的晃動問題，強制顯示滾動軸 
🔧 滾動軸晃動問題修復：
- 在 globals.css 中添加 `html { overflow-y: scroll; }`
- 強制垂直滾動軸始終顯示
- 防止內容長度不同的頁面切換時產生晃動
- 添加 `body { overflow-x: hidden; }` 防止橫向滾動

🎯 解決的問題：
- flashcards 頁面（內容少）vs dashboard/learn 頁面（內容多）
- 滾動軸出現/消失導致的頁面寬度變化
- 導航切換時的視覺跳動

✅ 現在的體驗：
- 所有頁面都有一致的滾動軸
- 頁面切換完全穩定，無晃動
- 專業級的用戶體驗

🚀 DramaLing 的 UI/UX 品質再次提升！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:45:51 +08:00
鄭沛軒 ca64e99eec fix: 修復 flashcards 頁面 CSS 佈局偏移問題 
🔧 佈局一致性修復：
- 移除 flashcards 頁面的額外 header 容器
- 統一所有頁面的容器結構
- 修復雙重 max-w-7xl mx-auto 容器造成的偏移
- 簡化 CSS 層次結構

📐 現在所有頁面都使用統一結構：
```
<div className="min-h-screen bg-gray-50">
  <Navigation />
  <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <!-- 頁面內容 -->
  </div>
</div>
```

✅ 解決的問題：
- flashcards 頁面不再偏右
- 所有頁面的對齊方式完全一致
- 減少不必要的容器嵌套

🎯 用戶現在看到的是完全一致的頁面佈局！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:39:12 +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
鄭沛軒 b6ac4e7d6c fix: 修復導航一致性問題，建立統一的 Navigation 組件 
🔧 導航系統重構：
- 建立可重用的 Navigation 組件
- 統一所有頁面的頂部導航
- 修復 flashcards 頁面導航消失問題
- 更新 dashboard 頁面使用新組件

🎯 導航功能：
- DramaLing Logo（點擊回到 dashboard）
- 主要導航：儀表板、詞卡、學習、AI 生成
- 用戶資訊：頭像、用戶名、登出按鈕
- 當前頁面高亮顯示

🚀 用戶體驗改進：
- 所有頁面導航一致
- 清晰的視覺層次
- 響應式設計
- 平滑的互動效果

現在用戶可以在任何頁面輕鬆導航到其他功能！

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:26:01 +08:00
鄭沛軒 c9f920f17a feat: 完成詞卡完整 CRUD 功能 
🎯 詞卡管理系統現已功能完整：
- ✅ 新增詞卡：完整的表單介面，支援所有欄位
- ✅ 編輯詞卡：點擊編輯按鈕可修改詞卡內容
- ✅ 刪除詞卡：確認對話框防止誤刪
- ✅ 查看詞卡：完整的詞卡資訊展示

🔧 技術實作：
- 建立 FlashcardForm 可重用組件
- 支援新增和編輯模式
- 完整的表單驗證和錯誤處理
- 模態視窗 UI 設計
- 自動重新載入資料

📊 用戶體驗：
- 直觀的操作介面
- 即時回饋和錯誤提示
- 載入狀態顯示
- 響應式設計

🚀 DramaLing 現在是完全可用的詞卡管理應用！
用戶可以：建立帳號 → 管理詞卡集合 → 新增/編輯/刪除詞卡

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 03:11:24 +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
鄭沛軒 331e747ef3 feat: 啟動詞卡管理功能開發，完成後端 API 驗證 
🚀 第一階段開發成果：
- 成功驗證 CardSets 和 Flashcards API 端點
- 修復 JSON 循環引用問題（ReferenceHandler.IgnoreCycles）
- 建立基礎測試資料：商務英語詞卡集合
- 創建範例詞卡：negotiate, meeting, presentation
- 驗證真實資料庫 CRUD 操作

🔧 技術改進：
- 配置 JSON 序列化選項防止循環引用
- 完整的錯誤日誌系統發揮作用
- 資料庫關聯正常運作

📋 下一步：前端整合，讓用戶看到真實資料

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 02:48:02 +08:00
鄭沛軒 3649e21ac9 docs: 新增下一階段開發計劃 
- 詳細的 4 階段開發路線圖
- 詞卡管理系統優先實作
- AI 生成功能整合計劃
- 學習模式設計規劃
- 數據可視化實作計劃
- 包含時程安排和成功指標

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 01:47:32 +08:00
鄭沛軒 b9f6eb1237 fix: 修復 JWT token 驗證問題 
- 統一 JWT 密鑰配置，解決簽名驗證失敗
- 修復 DRAMALING_JWT_SECRET 與 DRAMALING_SUPABASE_JWT_SECRET 不一致問題
- 現在 /api/auth/status 端點正常工作
- JWT token 生成和驗證使用相同密鑰

問題：IDX10503: Signature validation failed. Token does not have a kid.
解決：統一 GenerateJwtToken 和 Program.cs 中的密鑰變數

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 01:21:20 +08:00
鄭沛軒 c44d3e170c docs: 新增後端錯誤日誌監控指南 
- 完整的錯誤日誌使用教學
- 常見問題排查流程
- 監控工具使用方法
- 實際案例分析
- 快速診斷檢查清單
- 最佳實踐建議

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 00:49:57 +08:00
鄭沛軒 e5cb336667 feat: 實作完整錯誤日誌系統 
- 新增 ErrorHandlingMiddleware 全域錯誤處理
- 升級日誌配置到 Debug 層級
- 添加詳細的認證流程日誌
- 改進 AuthController 錯誤處理
- 包含請求詳情和錯誤堆疊追蹤
- 支援結構化日誌記錄

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-17 00:44:29 +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