Sito e pannello per l'A.S.D. Contrada Bosco, che tiene corsi di tessuti aerei e postural pilates al Palabosco di Campodarsego, vicino a Padova. Chi lo apre dal telefono trova subito i corsi, gli orari della settimana e un bottone per scrivere su WhatsApp; Nicla, che insegna, aggiorna tutto in autonomia e prepara i volantini dell'anno partendo da 20 modelli.
**Contrada Bosco** è un'associazione sportiva dilettantistica che tiene corsi di tessuti aerei, per bambini, ragazzi e adulti, e di postural pilates al Palabosco di Campodarsego, vicino a Padova. Il sito è pensato per chi arriva da un link su WhatsApp, spesso un genitore, e vuole sapere tre cose: quali corsi ci sono, quando, e come si prenota una prova.
**Che cosa fa**
- **Gli orari della settimana**, con il giorno di oggi già aperto: annullamenti, spostamenti e chiusure si vedono sulla lezione, e la settimana tipo si stampa. - **Il calendario sul telefono**: una lezione o tutto il corso in Google Calendar, oppure un calendario da seguire che riceve da solo annullamenti e cambi. - **La prova su WhatsApp**: ogni lezione ha il suo bottone, con il messaggio già scritto (corso, giorno e ora). Il sito non gestisce prenotazioni: le consegna a chi insegna. - **Le pagine dei corsi**, con foto, età, orari e «Condividi», pensato per i gruppi WhatsApp dei genitori. - **Niente banner dei cookie**: il sito non traccia nessuno, e la mappa di Google si carica solo se la si apre.
**Il pannello**
Nicla aggiorna tutto dal telefono: corsi, orari ricorrenti, avvisi, foto, testi e colori, e annulla una lezione in un tocco. Ci sono il cestino, «Annulla ultima modifica» e l'accesso con passkey. Dentro c'è anche un **generatore di volantini**: un editor con 20 modelli, i testi collegati agli orari e ai contatti del sito, foto, forme, disegno a mano libera e codice QR, da scaricare in JPG per Facebook o in PDF A4 per la stampa. L'anno dopo i volantini ripartono da quelli dell'anno prima, con gli orari della stagione nuova.
**La parte difficile**
Le lezioni non sono salvate una per una: si calcolano dagli orari ricorrenti e dalle eccezioni, nel fuso di Roma, e lo stesso calcolo dà le pagine, il calendario da seguire e i link per Google Calendar. L'editor dei volantini (Fabric.js e 16 caratteri) resta nel pannello: il sito pubblico non lo scarica, e alla prima apertura la home pesa circa 300 KB, caratteri e foto compresi.
Vue 3 e TypeScript, Fastify e MongoDB; le pagine dei corsi le scrive il server, con i dati strutturati per Google. Ogni modifica passa da 66 prove automatiche e arriva sul server con una GitHub Action.
Progettazione, sviluppo full-stack e pubblicazione · Nicla · 2026
Vue.js, Fastify, MongoDB, Fabric.js, Tailwind CSS