Skip to content
← Back to projects
Cover
PERSONAL PROJECT

Security Monitoring Dashboard (FastAPI + React)

Security Monitoring Dashboard (FastAPI + React)

Real-time security event monitoring dashboard with WebSocket streaming, alert triage, and severity classification

Context

Built as the first project in a 4-project security portfolio, exploring what a unified SOC triage view could look like: severity-ranked events, live updates, and the KPIs a team lead actually watches.

What I built

  • FastAPI backend with a WebSocket hub broadcasting new events to every connected client
  • SQLite persistence via SQLAlchemy, replacing an initial in-memory prototype
  • API-key-protected ingestion endpoint — reading stays open, writing requires trust
  • React/TypeScript frontend with a custom useLiveEvents hook managing fetch + WebSocket state
  • Pytest suite covering the events and metrics endpoints

Verified

5/5
Tests passing
Pytest, FastAPI TestClient
SQLite
Persistence
Survives a backend restart
6s
Live push interval
Simulated demo event cadence