frontend
Sviluppo Angular: applicazioni gestionali e PWA aziendali
Framework enterprise per applicazioni gestionali complesse: tipizzato, opinionato, pensato per team strutturati. Stack con cui abbiamo costruito Connexon (admin desktop e PWA installatori).
Perché ci poggiamo su Angular
- ›Angular 21 con standalone components e signals
- ›Angular Material + CDK per UI gestionali dense
- ›ngx-echarts per dashboard interattive
- ›Service Worker integrato per PWA installabili
Perché Angular per i gestionali
Un gestionale web non è un sito con qualche form: è un'applicazione che vive dieci anni, cresce per accumulo di richieste e viene toccata da persone diverse nel tempo. In quel contesto la caratteristica più preziosa di un framework non è la libertà, è la prevedibilità.
Angular impone una struttura — moduli, servizi, dependency injection, routing dichiarativo — e questo significa che la funzionalità scritta oggi assomiglia a quella che qualcun altro scriverà tra due anni. Su applicazioni interne di lunga durata questo abbassa in modo concreto il costo di manutenzione, che è la voce che pesa davvero nel ciclo di vita di un gestionale.
Angular in produzione: il caso Connexon
Connexon, la nostra piattaforma per la gestione degli interventi tecnici sul campo, è costruita in Angular. Ha due facce: un backoffice desktop denso — pianificazione, commesse, magazzino, reportistica di collaudo — e una PWA per gli installatori che lavorano nei cantieri fibra, spesso con connessione instabile.
Entrambe condividono lo stesso progetto Angular e lo stesso modello dati, con Supabase come backend. La scheda del prodotto è qui; i case study reali sono Fibersystems, Itelcom e Medacom.
Angular Material e interfacce dense
Le schermate gestionali hanno un problema che i siti non hanno: densità. Tabelle da migliaia di righe con ordinamento e filtri combinati, form con decine di campi condizionali, alberi di categorie. Angular Material e il CDK forniscono i mattoni già risolti per questi casi — virtual scrolling, overlay, drag and drop, gestione del focus — con l'accessibilità da tastiera già inclusa.
Per la parte analitica usiamo ngx-echarts: grafici interattivi su volumi di dati che mettono in crisi le librerie più semplici, con la possibilità di scendere dal dato aggregato al singolo documento con un click.
Signals e standalone components
Le versioni recenti di Angular hanno cambiato molto in meglio. I signals sostituiscono buona parte della complessità di RxJS per la gestione dello stato locale, rendendo il codice leggibile anche a chi non ha una formazione reattiva; gli standalone components eliminano la burocrazia dei moduli; il change detection zoneless riduce il lavoro inutile del browser.
Sulle applicazioni nuove partiamo direttamente con questo assetto. Su quelle esistenti la migrazione si può fare per gradi, componente per componente, senza fermare lo sviluppo delle funzionalità.
Domande frequenti su Angular
- Angular è ancora una scelta valida?
- Sì, ed è viva: il rilascio è regolare, la migrazione tra versioni maggiori è assistita da schematics automatici e le novità recenti (signals, standalone, zoneless) hanno ridotto sensibilmente la verbosità. Resta il riferimento per applicazioni aziendali di lunga durata.
- Meglio Angular o React per un gestionale aziendale?
- Angular quando l'applicazione è interna, densa di maschere e destinata a durare anni con più persone che ci mettono mano: la struttura imposta ripaga. React quando il frontend è pubblico, orientato al contenuto e alla SEO. Usiamo entrambi e scegliamo sul progetto, non per preferenza.
- Un'applicazione Angular funziona su smartphone?
- Sì. La distribuiamo come Progressive Web App: si installa dal browser senza passare dagli store, funziona a schermo intero e accede a fotocamera e GPS. È esattamente il modo in cui centinaia di tecnici usano Connexon sul campo.
- Angular funziona offline?
- Con il Service Worker integrato l'applicazione resta utilizzabile senza rete e i dati inseriti vengono accodati e sincronizzati al ritorno della connessione. È un requisito che progettiamo esplicitamente per chi lavora in cantiere o in aree senza copertura.
- Si può integrare Angular con un gestionale esistente?
- Sì: l'applicazione Angular dialoga via API con l'ERP già in uso, che resta la fonte di verità su anagrafiche e documenti. È l'approccio che seguiamo con Passepartout Mexal e con altri gestionali.
Approfondimenti
dove la usiamo
Progetti che girano su Angular

Connexon — Field Service Management per installazioni fibra ottica
Piattaforma cloud dual-app per la gestione operativa degli interventi di installazione FTTH in sub-appalto: pannello amministrazione per l'ufficio, PWA mobile per i tecnici sul campo, magazzino integrato a 3 livelli e statistiche real-time per i committenti wholesale.
- Angular
- Supabase
- PostgreSQL
- TypeScript

Itelcom — Connexon in produzione su fibra, telefonia e reti dati
Secondo roll-out di Connexon come prodotto: la piattaforma esce dal cliente di origine e viene configurata su Itelcom, azienda di telecomunicazioni di Torre del Greco con vent'anni di storia tra fibra ottica, impianti telefonici e cablaggi strutturati.
- Angular
- Supabase
- PostgreSQL
- TypeScript

Medacom Telecomunicazioni — Connexon per la squadra di campo
Terza azienda del settore telecomunicazioni a portare in produzione Connexon: programmazione degli interventi, app di campo per i tecnici e tracciabilità dei materiali per l'impresa di San Giuseppe Vesuviano specializzata in impianti di telecomunicazione.
- Angular
- Supabase
- PostgreSQL
- TypeScript

CVMGEST — CRM territoriale per reti di informatori scientifici
Piattaforma cloud per le aziende farmaceutiche/medical-device che vendono tramite reti ISF: anagrafica medici e strutture, programmazione visite con firma, sell-in/sell-out, quote, statistiche di copertura territoriale. PWA installabile, offline-ready.
- Angular
- Supabase
- PostgreSQL
- TypeScript

Infopick — Picking e spedizione magazzino su due PWA Angular
Suite di due web app PWA Angular 20 condivise sullo stesso backend Supabase: una console per il responsabile (gestione magazzinieri, ordini, spedizioni) e una app operatore mobile-first per i magazzinieri (scansione barcode, evasione riga per riga, conferma pick). Integrata con Poleepo per le spedizioni.
- Angular
- Supabase
- PostgreSQL
- TypeScript

Pizza Express — Gestionale ristorazione: sala, asporto, consegna, prenotazioni, menu QR
App Angular 21 + Supabase che gestisce l'intero ciclo di una pizzeria moderna: cassa con scontrino Epson ePOS, sala con mappa tavoli e coperti, asporto e consegna a domicilio, prenotazioni online con calendario risorse-tavoli, menu digitale QR-a-tavolo con allergeni, ricette/ingredienti/varianti/formati. Backend cloud, stampa scontrino sulla LAN del locale via proxy Cloudflared.
- Angular
- Supabase
- PostgreSQL
- TypeScript

PriceScan — App companion di Mexal per consultazione catalogo e presa ordini in mobilità
PWA installabile su Windows, Android e iOS che si connette al gestionale Mexal via Web API. Quattro moduli attivabili separatamente — Scanner, Ricerca, Scanner Clienti, Ordini — per consultare in tempo reale immagine, prezzo, esistenza e categoria di ogni articolo e per creare ordini direttamente in Mexal con listini personalizzati.
- Angular
- Passepartout Mexal
- TypeScript
- PWA

EdilDoc — PWA di documentazione cantiere per Tramontano Group
Web app Angular 16 + Firebase per la documentazione di cantiere: anagrafica cantieri e fornitori, foto scattate dal telefono direttamente nell'app, consuntivo ore operai per cantiere, scheda contabile e import Excel di prodotti e listini fornitori. Installabile come PWA, funziona anche con segnale ballerino in cantiere.
- Angular
- TypeScript
- PWA

Beatrix — Piattaforma cloud per la gestione del forno crematorio
Due web app Angular 21 sullo stesso backend Supabase: la console di amministrazione per l'impianto — calendario cremazioni su tre forni, clienti, tariffario, manutenzioni, festivi, statistiche e log eventi — e l'app riservata alle onoranze funebri, che prenotano lo slot, pagano con carta o in sede e annullano in autonomia entro la finestra consentita. Regole di business applicate in Postgres, non solo nell'interfaccia.
- Angular
- Supabase
- PostgreSQL
- TypeScript