ProgettiProgetto · Monitoraggio Industriale

Gas Safe

Applicazione web per il monitoraggio delle bombole di gas di calibrazione degli analizzatori di processo — stato, scadenze e scorte per ogni gruppo, con alert automatici al posto del controllo manuale.

Progettazione e sviluppo end-to-endReact 19 + TypeScriptFirebaseMobile-first

La soluzione

Gas Safe centralizza il monitoraggio delle bombole per gruppo di analizzatori: stato di ogni bombola (Piena / In Uso / In Esaurimento / Vuota / Scaduta / Ordinata / Inviata), scadenza, pressione ed eventuale appartenenza a un sottogruppo. Un sistema di alert a tre livelli (verde / giallo / rosso) segnala per ogni gruppo scorte insufficienti o bombole in scadenza/scadute, così il problema emerge subito invece che al momento del bisogno.

Panoramica

Stato di tutti i gruppi a colpo d'occhio

Dettaglio gruppo

Inventario, sottogruppi e Gas Zero condiviso

Configurazione

Creazione di gruppi e sottogruppi

Punti di forza del design

Non solo un elenco di bombole: ogni scelta di interfaccia rende visibile un problema prima che diventi un fermo macchina.

01 — Alert

Alert automatici, motivo sempre in chiaro

Soglie configurabili (mesi di preavviso scadenza, scorte minime) colorano ogni gruppo in verde/giallo/rosso, ma il motivo dell'allerta è sempre scritto per esteso — non solo affidato al colore — così resta leggibile anche per chi usa uno screen reader.

02 — Storico

Ogni cambio di stato resta tracciato

Un log cronologico globale registra ogni transizione di stato di ogni bombola, oltre a uno storico separato dei controlli manuali effettuati — utile per capire cosa è successo e quando, senza doverlo ricostruire a memoria.

Gas Zero condiviso

Una bombola può essere marcata come risorsa di sistema condivisa (Zero/Azoto) e comparire automaticamente nella scheda di ogni gruppo che vi fa riferimento, senza doverla duplicare o tracciarla a parte.

Sottogruppi

Gruppi analizzatore con impianti articolati (es. più rack di calibrazione) possono avere sottogruppi propri, con inventario e filtri dedicati.

Mobile-first

Pensata inizialmente solo per l'uso da smartphone in reparto, poi adattata a tablet e desktop mantenendo intatta l'esperienza mobile.

Stack tecnico

Frontend

React 19TypeScriptVite 6React Router 7Tailwind CSS v4

Backend

FirebaseFirestoreAuth email/passwordServerless

Deploy

VercelBuild automatica ad ogni push

Il mio ruolo

Gas Safe nasce come strumento essenziale per un bisogno concreto e personale: avere sempre sotto controllo lo stato reale delle bombole di calibrazione, con alert automatici invece di doverle controllare a mano.

Nel tempo l'ho consolidata in un vero prodotto: messa in sicurezza (autenticazione, route protette, regole Firestore), corretti bug di integrità dei dati emersi con l'uso reale (bombole orfane dopo l'eliminazione di un gruppo, storico non allineato), e infine un redesign completo dell'interfaccia — identità visiva industriale ad alto contrasto ("Cylinder Steel"), componenti condivisi, accessibilità e adattamento desktop/tablet — mantenendo sempre l'app funzionante e verificata a ogni passaggio.

Nota: gli screenshot in questa pagina mostrano l'app popolata con dati dimostrativi fittizi (gruppi analizzatore e bombole di esempio), creati appositamente per questa presentazione — nessun dato reale è coinvolto.

Hai un problema simile?

Ogni progetto qui sopra è nato da un'esigenza concreta. Se ti riconosci in uno di questi, probabilmente possiamo aiutarti anche a te.