711df97ce9
Add ChatGPT-style chat interface using MudBlazor components. User messages display on the right (purple), bot echoes "success msg!" on the left. Includes app bar, centered 768px layout, bottom-anchored messages, and documented inline comments on every Blazor concept introduced. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
ChatAgent
A personal AI chat web application built with Blazor WebAssembly and MudBlazor. Currently in the Echo phase — the bot responds with "success msg!" to every message.
Prerequisites
Project Structure
src/
ChatAgent.Client/ Blazor WASM app (runs in the browser)
ChatAgent.Api/ ASP.NET Core Web API (backend proxy)
ChatAgent.Shared/ Shared models between Client and Api
Run
Chat UI only (Echo phase)
The echo phase doesn't need the API backend — the client handles everything locally.
cd src/ChatAgent.Client
dotnet run
Open http://localhost:5100 in your browser.
Full stack (Client + API)
Run both projects in separate terminals:
# Terminal 1 — API backend
cd src/ChatAgent.Api
dotnet run
# Terminal 2 — Blazor WASM client
cd src/ChatAgent.Client
dotnet run
| Service | HTTP | HTTPS |
|---|---|---|
| Client | http://localhost:5100 | https://localhost:5200 |
| API | http://localhost:7000 | https://localhost:7100 |
The health check page is available at /health when the API is running.
Build
From the repo root:
dotnet build