Skip to content
← Back to projects
Security Monitoring Dashboard (FastAPI + React) — cover image
Personal project

Security Monitoring Dashboard (FastAPI + React)

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

Context

I built this 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

  • I built a FastAPI backend with a WebSocket hub broadcasting new events to every connected client
  • I added SQLite persistence via SQLAlchemy, replacing an initial in-memory prototype
  • I protected the ingestion endpoint with an API key — reading stays open, writing requires trust
  • I built a React/TypeScript frontend with a custom useLiveEvents hook managing fetch + WebSocket state
  • I wrote a 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