Files
OCR/openspec/changes/archive/2025-12-12-refactor-frontend-ux-i18n/tasks.md
egg d5bc311757 feat: simplify login page UX and add i18n English support
- Redesign LoginPage with minimal professional style
  - Remove animated gradient backgrounds and floating orbs
  - Remove marketing claims (99% accuracy, enterprise-grade)
  - Center login form with clean card design
- Add multi-language support (zh-TW, en-US)
  - Create LanguageSwitcher component in sidebar
  - Add en-US.json translation file
  - Persist language preference in localStorage
- Remove unused top header bar with search
- Move language switcher to sidebar user section

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-12 12:49:48 +08:00

1.2 KiB
Raw Blame History

Tasks: 前端 UX 簡化與 i18n 英文支援

1. LoginPage 簡化

  • 1.1 移除動畫背景元素(浮動光球、網格圖案、脈衝效果)
  • 1.2 替換漸層背景為簡潔單色背景
  • 1.3 移除左側宣傳區塊(「為什麼選擇我們」、功能特色、統計數據)
  • 1.4 重新設計登入表單區塊,採用居中簡約版面
  • 1.5 移除不必要的動畫 classanimate-float, animate-slide-in-left 等)

2. i18n 英文支援

  • 2.1 建立 frontend/src/i18n/locales/en-US.json 英文翻譯檔
  • 2.2 更新 frontend/src/i18n/index.ts 支援多語言切換
  • 2.3 補充 zh-TW.json 缺少的翻譯鍵(登入頁相關)

3. 語言切換功能

  • 3.1 建立 frontend/src/components/LanguageSwitcher.tsx 元件
  • 3.2 整合語言切換器至 Layout.tsx 頂部欄
  • 3.3 實作語言偏好 localStorage 持久化
  • 3.4 確保語言切換即時生效(無需重新載入頁面)

4. 測試與驗證

  • 4.1 驗證 LoginPage 在不同螢幕尺寸的顯示效果
  • 4.2 驗證中英文切換功能正常運作
  • 4.3 驗證語言偏好在頁面重新載入後保持
  • 4.4 檢查所有頁面的翻譯完整性