Portale servizi, prenotazioni e tesseramento.

Proprietà e responsabilità

Il dominio, il progetto e i servizi CAF/patronato appartengono e sono gestiti dall'associazione cliente. Testscript non eroga né gestisce tali servizi e documenta esclusivamente il lavoro di sviluppo web.

Contesto

Il progetto deve servire sia le persone che consultano servizi o richiedono assistenza, sia gli operatori che gestiscono utenti, tessere e catalogo attraverso strumenti amministrativi dedicati.

Esigenza

Collegare sito applicativo, area personale, prenotazioni, pratiche, tesseramento e dashboard a un'unica API, con ruoli distinti e flussi utilizzabili online o in ufficio.

Intervento

Sono state sviluppate una web app React pubblica e riservata, una dashboard React per gli operatori e un backend PHP/Slim che espone API REST, autenticazione JWT, servizi, tessere, prenotazioni e pratiche.

Soluzione

Le interfacce condividono la stessa API. L'app pubblica presenta il catalogo e raccoglie prenotazioni o richieste; l'area personale mostra profilo, pratiche, prenotazioni e tessera; la dashboard gestisce servizi, categorie, utenti e tesseramenti.

Funzionalità principali

Sono incluse solo funzioni con route, pagine e azioni applicative effettivamente presenti nei sorgenti.

• Catalogo dei servizi con categorie, dettaglio e indicazione dei documenti richiesti.
• Registrazione e autenticazione utenti tramite API e token JWT in cookie protetti.
• Prenotazioni pubbliche e prenotazioni collegate all'area personale.
• Richiesta e consultazione delle pratiche associate ai servizi.
• Tesseramento online con Stripe Checkout e tesseramento da operatore con pagamenti offline.
• Area personale per profilo, pratiche, prenotazioni e storico tessere.
• Dashboard per servizi, categorie, tessere e utenti con permessi basati sul ruolo.

Architettura

Ecosistema a tre superfici: applicazione React per pubblico e utenti, dashboard React per gli operatori e API REST PHP/Slim per autenticazione e logica di dominio. MySQL gestisce i dati applicativi; Stripe supporta il checkout delle tessere.

Stack tecnico verificato

Le tecnologie sono confermate dai manifest e dalle route delle tre componenti.

• React 19
• TypeScript
• Vite
• Tailwind CSS
• PHP 8
• Slim 4
• MySQL
• REST API
• JWT
• Stripe
• React Query

Stato del progetto

Il sistema è funzionante e utilizzato, con componenti ancora in sviluppo. Non vengono pubblicati dati degli utenti, schermate riservate o dettagli operativi sensibili.

Evoluzione

L'evoluzione riguarda il completamento progressivo dei flussi già presenti e delle relative interfacce; il case study non presenta moduli soltanto pianificati come funzioni disponibili.

Hai bisogno di un portale con utenti e flussi operativi?

Raccontami servizi, ruoli e passaggi da coordinare: valuteremo una soluzione che colleghi esperienza pubblica e lavoro interno.