Karen網頁作品集
首頁
關於我
  • 燕雲十六聲 AI 遊戲攻略助理
  • React - 圖片取色器
  • React - 7天天氣預報
  • Front-End Mentor Challenges
  • Vue - 職員聯絡簿
  • React - 通知管理介面
  • React - 文字拼字遊戲
  • NASA API - 每日天文圖片(APOD)
聯絡我
  • English
  • 繁體中文
首頁
關於我
  • 燕雲十六聲 AI 遊戲攻略助理
  • React - 圖片取色器
  • React - 7天天氣預報
  • Front-End Mentor Challenges
  • Vue - 職員聯絡簿
  • React - 通知管理介面
  • React - 文字拼字遊戲
  • NASA API - 每日天文圖片(APOD)
聯絡我
  • English
  • 繁體中文
    • 我的網頁作品集
    • 燕雲十六聲 AI 遊戲攻略助理
    • React - 圖片取色器
    • React - 7天天氣預報
    • Front-End Mentor Challenges
    • Vue - 職員聯絡簿
    • React - 通知管理介面
    • React - 文字拼字遊戲
    • NASA API - 每日天文圖片(APOD)
    • 聯絡我

燕雲十六聲 AI 遊戲攻略助理

  • 開發《燕雲十六聲》AI 遊戲攻略助理,透過對話式介面提供任務、探索度與道具位置等遊戲資訊查詢功能。
  • 實作即時串流回應(Streaming Response),模擬 ChatGPT 打字效果,提升互動體驗與回應流暢度。
  • 建立完整狀態管理機制(loading / partial / error),確保應用在不同情境下仍具穩定使用體驗。
  • 設計 Token 使用限制機制,控制每日 API 呼叫量,強化產品真實性與成本控管概念。
  • 導入快取策略(Caching),避免重複請求 API,提升效能與資源使用效率。
  • 採用效能優化技術(React.lazy、debounce、React.memo),降低不必要渲染並提升整體效能。
  • 實作國際化(i18n)與語言自動偵測與切換(中/英文),提升應用的可用性與國際使用體驗。
  • 將功能拆分為模組化元件與可重用邏輯,提升程式可維護性與擴展性。

🔗 Public Page Link

Tags:

ReactAIAPIStreaming ResponseState ManagementCachingi18nReact.lazyReact.memoDebouncePerformance OptimizationWeb appUI/UX Design

Screenshots: 燕雲十六聲 - AI 遊戲攻略助理

最近更新: 2026/5/30 清晨7:54
Contributors: Ruo-Fang Wang
Prev
我的網頁作品集
Next
React - 圖片取色器

© 2026 Ruo-Fang Wang.