Next.js + TypeScript
Provide the typed web client and messaging interface.
ACTIVE PROTOTYPE
ChatApp
A real-time messaging system taking shape across rooms, groups, and private conversations.
01 / PRODUCT
The prototype explores account management, public chat rooms, private one-to-one messaging, group conversations, and a dedicated real-time communication layer.
This is an evolving build rather than a released product. Its value is in the clean backend separation and the integration between the API, real-time hub, persistence, and web client.
02 / CAPABILITIES
- Public rooms
- Private conversations
- Group messaging
- Account management
03 / TECHNOLOGIES
C#ASP.NET Core Web APISignalREntity Framework CoreNext.js 13TypeScriptCSSDocker
04 / HOW IT WORKS
From the first request to the final result.
- 01The Next.js client authenticates and loads conversation data through the API.
- 02The client opens a persistent SignalR connection to the realtime hub.
- 03Messages are routed to public rooms, groups, or individual recipients.
- 04The persistence layer stores conversation state while connected clients receive live updates.
05 / TECHNOLOGY ROLES
ASP.NET Core Web API
Handles accounts, conversation queries, and commands.
SignalR
Delivers realtime messages and presence-style updates.
Entity Framework Core
Persists users, rooms, memberships, and messages.
Docker
Coordinates the application services locally.