Aller au contenu
← Retour aux projets
Dashboard de surveillance sécurité (FastAPI + React) — image de couverture
Projet personnel

Dashboard de surveillance sécurité (FastAPI + React)

Dashboard temps réel de surveillance des événements de sécurité avec streaming WebSocket, triage d'alertes et classification par sévérité

Contexte

Je l'ai construit comme premier projet d'un portfolio sécurité de 4 projets, en explorant à quoi pourrait ressembler une vue de triage SOC unifiée : événements classés par sévérité, mises à jour en direct, et les indicateurs qu'un responsable d'équipe surveille réellement.

Ce que j'ai construit

  • J'ai construit un backend FastAPI avec un hub WebSocket diffusant les nouveaux événements à tous les clients connectés
  • J'ai ajouté une persistance SQLite via SQLAlchemy, en remplacement d'un prototype initial en mémoire
  • J'ai protégé l'endpoint d'ingestion par une clé API — la lecture reste ouverte, l'écriture demande une clé
  • J'ai construit un frontend React/TypeScript avec un hook useLiveEvents personnalisé gérant le fetch et l'état WebSocket
  • J'ai écrit une suite Pytest couvrant les endpoints events et metrics

Vérifié

5/5
Tests réussis
Pytest, FastAPI TestClient
SQLite
Persistance
Survit à un redémarrage du backend
6s
Intervalle de push
Cadence des événements de démo simulés
Dashboard de surveillance sécurité (FastAPI + React) — Aïcha Imène DAHOUMANE