Site et panneau d'administration de l'A.S.D. Contrada Bosco, une association sportive qui donne des cours de tissu aérien et de Pilates postural au Palabosco de Campodarsego, près de Padoue. Sur téléphone, on trouve tout de suite les cours, les horaires de la semaine et un bouton WhatsApp ; Nicla, qui enseigne, met tout à jour et prépare les affiches de l'année à partir de 20 modèles.
**Contrada Bosco** est une association sportive amateur (une *A.S.D.* de droit italien) qui donne des cours de tissu aérien pour enfants, adolescents et adultes, ainsi que du Pilates postural, au Palabosco de Campodarsego, près de Padoue. Le site est pensé pour ceux qui arrivent par un lien WhatsApp, souvent des parents, et veulent savoir trois choses : quels cours il y a, quand, et comment réserver un cours d'essai.
**Ce qu'il fait**
- **Les horaires de la semaine**, avec le jour même déjà ouvert : annulations, déplacements et fermetures apparaissent sur le cours, et la semaine type s'imprime. - **Le calendrier sur le téléphone** : un cours ou toute la session dans Google Agenda, ou un calendrier à suivre qui reçoit seul les annulations et les changements. - **L'essai sur WhatsApp** : chaque cours a son bouton, avec le message déjà écrit (cours, jour et heure). Le site ne gère pas les réservations : il les transmet à qui enseigne. - **Les pages des cours**, avec photos, âges, horaires et « Partager », pensé pour les groupes WhatsApp des parents. - **Pas de bandeau de cookies** : le site ne suit personne, et la carte Google ne se charge que si on l'ouvre.
**Le panneau**
Nicla met tout à jour depuis son téléphone : cours, horaires récurrents, avis, photos, textes et couleurs, et annule un cours d'un seul geste. Il y a une corbeille, « Annuler la dernière modification » et la connexion par clé d'accès (passkey). On y trouve aussi un **générateur d'affiches** : un éditeur avec 20 modèles, des textes liés aux horaires et aux contacts du site, photos, formes, dessin à main levée et code QR, à télécharger en JPG pour Facebook ou en PDF A4 pour l'impression. L'année suivante, les affiches repartent de celles de l'année précédente, avec les horaires de la nouvelle saison.
**La partie difficile**
Les cours ne sont pas enregistrés un par un : ils se calculent à partir des horaires récurrents et des exceptions, dans le fuseau de Rome, et le même calcul alimente les pages, le calendrier à suivre et les liens Google Agenda. L'éditeur d'affiches (Fabric.js et 16 polices) reste dans le panneau : le site public ne le télécharge jamais, et au premier chargement l'accueil pèse environ 300 Ko, polices et photos comprises.
Vue 3 et TypeScript, Fastify et MongoDB ; le serveur écrit les pages des cours, avec les données structurées pour Google. Chaque modification passe par 66 tests automatiques et arrive sur le serveur par une GitHub Action.
Conception, développement full-stack et mise en ligne · Nicla · 2026
Vue.js, Fastify, MongoDB, Fabric.js, Tailwind CSS