Real-Time Dashboard with Node.js & SSE by Marcela ZapataReal-Time Dashboard with Node.js & SSE by Marcela Zapata

Real-Time Dashboard with Node.js & SSE

Marcela Zapata

Marcela Zapata

Real-Time Dashboard cover
Real-Time Dashboard cover

Overview

Concept project built for a Cloud-Native/Backend portfolio: a lightweight real-time metrics dashboard that streams server updates to the browser with Server-Sent Events (SSE).

What I built

An Express server that exposes an SSE endpoint using text/event-stream.
Periodic JSON metric updates sent from server to client.
A browser dashboard that uses the native EventSource API to receive events and update the interface.
Automatic reconnection through the browser's SSE support.

Technical decision

SSE fits one-way real-time updates such as dashboards, live feeds, and monitoring views. It runs over standard HTTP and keeps the implementation focused when the client doesn't need to send live messages back to the server.

Stack

Node.js, Express.js, Vanilla JavaScript, HTML5, CSS3, and the native EventSource API.

Repository

The source code and local setup instructions are available on GitHub.
Like this project

Posted Sep 25, 2026

Concept project: real-time metrics dashboard using Node.js, Express and Server-Sent Events (SSE).