James Liao

Full-stack Designer

I build accessible, pixel-perfect, and performant web experiences. Currently focused on React and Design Systems to create seamless digital products.

ReactTypeScriptTailwind CSSFigmaNode.jsNext.js
Contact Me

AI Chat Assistant

An intelligent conversational AI interface with streaming responses, multi-model support, and persistent chat history. Features a sleek, responsive design with markdown rendering.

1 min read
ReactOpenAIStreamingMarkdown
AI Chat Assistant

Project Overview

A modern AI chat application that provides a seamless conversational experience with support for multiple language models including GPT-4, Claude, and open-source alternatives.

Key Features

  • Streaming Responses: Real-time token-by-token response rendering
  • Multi-Model: Switch between OpenAI, Anthropic, and local models
  • Rich Rendering: Full markdown, code highlighting, and LaTeX support
  • Chat History: Persistent conversations with search and organization

Technical Highlights

  • Server-Sent Events for streaming with backpressure handling
  • Custom markdown renderer with syntax highlighting (Shiki)
  • Optimistic UI updates for instant feedback
  • IndexedDB for offline-first chat persistence

© 2026 James Liao. All rights reserved.

Designed in Figma, built with Next.js & Tailwind.