CODESEEDSign in
Explore projects
C#intermediateweb

Real-time Dashboard with SignalR

.NET server sends real-time metric dashboard updates via SignalR, React client displays live charts without polling.

5 steps
Sign in to claim this project

Project steps

  1. 01

    SignalR Hub

    Hub with BroadcastMetric and OnConnectedAsync methods with JWT auth.

  2. 02

    Background publisher

    IHostedService publishing simulated metrics (CPU, RAM, requests/s) at 1s interval.

  3. 03

    React client

    @microsoft/signalr client receiving events and updating state.

  4. 04

    Live charts

    Recharts LineChart with a 60-point sliding window per metric.

  5. 05

    Alerts

    If a metric exceeds a threshold, send a toast notification to the client.

Recommended resources

Ready to build this?

Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.

5 steps

Tech stack

C#.NET 8ASP.NET CoreSignalRReactRecharts