Chat UI with Streaming Response

Challenge summary

Build a simplified ChatGPT-like interface that streams an assistant response token-by-token. The goal is to model chat state, append streaming chunks efficiently, and keep the UI responsive with clear loading/cancel states.

What you'll practice

• Render a chat layout with a scrollable message list, an input, and a Send button.
• On submit, append the user message immediately and clear the input.
• Disable Send while streaming and show a streaming indicator.
• Provide a Stop button to cancel the stream and keep the partial response.
• User messages appear instantly after submit.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.