Full Stack Serverless Web Application
Quiz di preparazione
Simulazioni personalizzate e progressi sempre sotto controllo.
Attivo
01 / Overview
Il progetto.
Una piattaforma web per la preparazione e l’autovalutazione tramite questionari a risposta multipla. Gli utenti registrati possono creare simulazioni personalizzate, consultare i risultati, riprendere i tentativi in corso e seguire nel tempo i propri progressi.
- Ruolo
- Progettazione e sviluppo dell’intero portale: frontend, API backend, struttura del database, autenticazione, autorizzazione basata sui ruoli, pannello amministrativo, configurazione dell’infrastruttura e rilascio in produzione su Cloudflare.
- Stato e manutenzione
- Online e operativo; accesso alle funzionalità tramite utenza.
02–03 / Processo
Dal problema alla soluzione.
La sfida
Lo studio attraverso elenchi statici di domande rende difficile simulare una prova reale, individuare gli argomenti sui quali migliorare e tenere traccia dei progressi. Serviva un ambiente unico, accessibile da qualsiasi dispositivo, in cui esercitazione e misurazione fossero parte dello stesso flusso.
La soluzione
Un portale responsive che genera simulazioni personalizzate a partire da questionari e categorie configurabili, corregge automaticamente le risposte e conserva tentativi, punteggi e avanzamento. Un pannello amministrativo centralizza utenti, contenuti e soglie di superamento.
04 / Architettura
Come funziona.
Applicazione full stack serverless. Il frontend è una Single Page Application Vue 3 organizzata in viste, componenti, store Pinia e servizi API. Il backend su Cloudflare Workers espone API REST suddivise in route, middleware e repository. Cloudflare D1 gestisce la persistenza; autenticazione e autorizzazione usano JWT, password protette con bcrypt e controlli basati sui ruoli.
- 01Utente / amministratoreUtente
- 02Vue 3 SPAInterfaccia
- 03Cloudflare Worker / REST APIElaborazione
- 04JWT / controllo ruoliElaborazione
- 05Cloudflare D1Database
05 / Funzionalità
Cosa offre.
- 01Realizzata
Accessi e ruoli
Autenticazione e permessi differenziati per utenti e amministratori.
- 02Realizzata
Simulazioni personalizzate
Selezione del questionario e del numero di domande con estrazione casuale.
- 03Realizzata
Contenuti multimediali
Supporto a immagini associate sia alle domande sia alle risposte.
- 04Realizzata
Correzione automatica
Calcolo del punteggio e verifica rispetto a una soglia configurabile.
- 05Realizzata
Dashboard e storico
Tentativi completati o in corso, punteggio medio e revisione delle risposte.
- 06Realizzata
Ripresa dei tentativi
Continuazione dei questionari non ancora completati.
- 07Realizzata
Pannello amministrativo
Gestione di utenti, questionari, categorie, domande e risposte.
- 08Realizzata
Interfaccia adattiva
Esperienza responsive con tema chiaro e scuro.
06 / Stack
Tecnologie.
- Vue
- TypeScript
- Vite
- Vuetify
- Pinia
- Vue Router
- Cloudflare Workers
- Cloudflare D1
- JWT
- bcrypt
- Wrangler
Visual
Dentro il progetto.
