Frontend della prova pratica
| .github/workflows | ||
| dockerfile | ||
| public | ||
| src | ||
| .gitignore | ||
| docker-compose.yml | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Frontend – Gestione Rimborsi Spese Aziendali (Prova S5)
Applicazione web CSR (React + Vite + TypeScript) per la gestione dei rimborsi spese.
URL produzione
| Risorsa | URL |
|---|---|
| Applicazione | https://provapraticafrontend.andreavillari.it |
| API backend | https://provapraticabackend.andreavillari.it |
| Documentazione API (Swagger) | https://provapraticabackend.andreavillari.it/api/docs |
Credenziali di test
Password comune: Password123!
| Ruolo | |
|---|---|
| Responsabile amministrativo | admin@azienda.it |
| Dipendente | mario.rossi@azienda.it |
| Dipendente | marco.bianchi@azienda.it |
| Dipendente | anna.verdi@azienda.it |
Dalla pagina Registrati è possibile creare nuovi account scegliendo il ruolo.
Funzionalità
- Login / registrazione / logout
- Dashboard differenziata per ruolo
- Dipendente: creazione, elenco, filtri, modifica ed eliminazione richieste in attesa
- Responsabile: gestione di tutte le richieste, approvazione, rifiuto, liquidazione
- Statistiche aggregate per mese e categoria
Avvio locale
Configurare il file .env (VITE_API_URL vuoto in sviluppo per usare il proxy Vite verso il backend locale).
npm install
npm run dev
Con VITE_API_URL vuoto, Vite inoltra le chiamate /api al backend su http://localhost:3003.
Build di produzione:
VITE_API_URL=https://provapraticabackend.andreavillari.it npm run build
Con Docker:
docker compose up -d --build
L'app è servita da nginx sulla porta 3002.
Deploy
Push su main → Forgejo Actions → SSH sul VPS → docker compose up -d --build in /root/provapraticafrontend.