Winds Meet AI - AI Game Guide Assistant for Where Winds Meet

  • Built a full-stack AI search assistant (React 19 + NestJS + OpenAI GPT-4o) that streams responses token-by-token over SSE, replicating a ChatGPT-like typing experience with live "thinking step" animations.
  • Engineered resilient state handling for loading, partial, and error responses, plus daily token-usage limiting and response caching to control API cost and reduce redundant calls.
  • Improved performance and scalability through code-splitting (React.lazy), debounced requests, and memoization (React.memo).
  • Delivered a bilingual (English / Traditional Chinese) UI with auto language detection, built from modular, reusable components for easy extension.

🔗 Public Page Link

Tags:

React 19NestJSOpenAI GPT-4oSSEStreaming ResponseState ManagementCachingi18nReact.lazyReact.memoDebouncePerformance OptimizationWeb app

Screenshots: Where Winds Meet - AI Game Guide

Last Updated:
Contributors: Ruo-Fang Wang