Visit Tracking — Dashboard TrackOS

La dashboard TrackOS trasforma i dati di traffico in viste di analisi comprensibili. Questa scheda presenta l’interfaccia di consultazione della piattaforma TrackOS, complementare allo script di tracking e al collector descritti nel progetto principale.

Esplorare l’attività dei siti

• Panoramica di visite, visitatori unici, durata media e indicatori di rimbalzo.
• Flusso delle nuove visite e visitatori attivi aggiornati tramite Socket.IO.
• Analisi per sito e periodo: andamento del traffico, pagine più consultate e visite recenti.
• Confronto tra siti, distribuzione per paese, dispositivo, browser e sistema operativo, attività per ora e giorno.
• Gestione dei siti monitorati e recupero dello snippet HTML dalla stessa interfaccia.

L’interfaccia usa React/Vite, Redux Toolkit e Material UI, con grafici Chart.js. Interroga le API Node.js/Express e MySQL di TrackOS; un’autenticazione autonoma con rinnovo della sessione limita i dati ai siti autorizzati.

Il mio ruolo: progettazione delle schermate e dei grafici, gestione dello stato, integrazione delle API e degli eventi in tempo reale e deploy. L’obiettivo è offrire una lettura rapida del traffico e permettere di approfondire gli indicatori.