🌐 Packet Sniffer Dashboard

Un packet sniffer avanzato in tempo reale con interfaccia web sviluppata in Svelte e backend in Python (Scapy + WebSocket).

Cattura, analizza e visualizza il traffico di rete (TCP/UDP/ARP/DNS/TLS) in modo interattivo con statistiche, grafici e plugin modulari.

⚙️ Funzionalità principali

• ✅ Cattura pacchetti in tempo reale (Scapy)
• 📊 Statistiche live su protocolli, byte e numero di pacchetti
• 📈 Grafico pacchetti/secondo con Chart.js
• 🧩 Sistema plugin per analisi ARP, DNS, TLS (estendibile)
• 🔍 Lista pacchetti con dettagli (IP, porte, payload, ARP, DNS query)
• 🖥️ Interfaccia responsive, auto-scroll, freeze per ispezione
• 🔁 WebSocket bidirezionale tra frontend e backend
• 🔔 Sistema di notifiche (alert)

🧱 Architettura

flowchart LR
    Browser -->|WebSocket| Backend
    Backend -->|Scapy| Network
    Sniffer --> Controller --> Plugins
    Plugins --> WebSocket
    WebSocket --> Dashboard

• Frontend (SvelteKit + Vite): dashboard SPA con componenti modulari e gestione stato con store Svelte.
• Backend (Python): sniffer real-time con Scapy, broadcast dei pacchetti via WebSocket, plugin manager.

📁 Struttura del progetto

rosciRic-packet-sniffer/
├── backend/              # Sniffer, controller, plugin
├── frontend/             # Interfaccia utente Svelte
└── README.md             # Questo file

🚀 Avvio rapido

📦 Requisiti

• Python 3.8+
• Node.js + npm
• Accesso root per Scapy (Linux/Mac)

⚖️ Setup backend (Python)

cd backend
python -m venv venv
source venv/bin/activate
pip install -r requirements.txt
python main.py

La porta WebSocket sarà ws://localhost:8765

🌐 Setup frontend (Svelte)

cd frontend
npm install
npm run dev

Dashboard disponibile su http://localhost:5173

🔌 Plugin disponibili

Abilitazione via backend/config/config.yaml:

plugins_enabled:
  - arp_logger
  - dns_logger
  - tls_extractor

📊 Statistiche mostrate

• Numero pacchetti totali
• Numero TCP, UDP, ARP
• Totale byte
• Andamento pacchetti/secondo (ultimi 30s)