Streaming AI Chat UI
Build a ChatGPT-style streaming chat interface with React, TypeScript, and the Anthropic SDK. The single most asked-about portfolio piece in 2026 frontend interviews.
About this project
Streaming responses are the defining UX pattern of AI products. This project teaches you to consume Server-Sent Events, render text token-by-token without jank, handle errors mid-stream, and implement the polish details (auto-scroll, copy button, regenerate, abort) that separate a hack from a portfolio piece. You will build a real, deployable chat app that talks to Claude or GPT, persists conversations to localStorage, and ships with proper TypeScript types end-to-end. Bonus: add the typing indicator, message editing, and the keyboard shortcuts users expect from ChatGPT.
Why build this in 2026?
Every product is shipping AI chat in 2026. This UX pattern is now table stakes for frontend portfolios.
What you'll ship
- Public GitHub repo with README and screenshots
Sign up to see the full project brief
Full deliverables, success criteria, and AI Career Tutor support — free.
You'll unlock:Complete project brief, AI tutor that knows this project, and progress tracking when you start.