Web y panel de administración de la A.S.D. Contrada Bosco, una asociación deportiva que da cursos de telas aéreas y pilates postural en el Palabosco de Campodarsego, cerca de Padua. Desde el móvil se ven enseguida los cursos, los horarios de la semana y un botón de WhatsApp; Nicla, que da las clases, lo actualiza todo y prepara los carteles del año a partir de 20 modelos.
**Contrada Bosco** es una asociación deportiva aficionada (una *A.S.D.* según la ley italiana) que da cursos de telas aéreas para niños, adolescentes y adultos, además de pilates postural, en el Palabosco de Campodarsego, cerca de Padua. La web está pensada para quien llega desde un enlace de WhatsApp, a menudo madres y padres, y quiere saber tres cosas: qué cursos hay, cuándo y cómo se reserva una clase de prueba.
**Qué hace**
- **Los horarios de la semana**, con el día de hoy ya abierto: anulaciones, cambios de fecha y cierres se ven en la propia clase, y la semana tipo se imprime. - **El calendario en el móvil**: una clase o todo el curso en Google Calendar, o un calendario que se sigue y recibe solo las anulaciones y los cambios. - **La prueba por WhatsApp**: cada clase tiene su botón, con el mensaje ya escrito (curso, día y hora). La web no gestiona reservas: se las pasa a quien da las clases. - **Las páginas de los cursos**, con fotos, edades, horarios y «Compartir», pensado para los grupos de WhatsApp de las familias. - **Sin banner de cookies**: la web no rastrea a nadie, y el mapa de Google solo se carga si se abre.
**El panel**
Nicla lo actualiza todo desde el móvil: cursos, horarios recurrentes, avisos, fotos, textos y colores, y anula una clase con un toque. Hay papelera, «Deshacer el último cambio» y acceso con llave de acceso (passkey). Dentro hay también un **generador de carteles**: un editor con 20 modelos, textos enlazados a los horarios y contactos de la web, fotos, formas, dibujo a mano alzada y código QR, para descargar en JPG para Facebook o en PDF A4 para imprimir. Al año siguiente, los carteles parten de los del año anterior, con los horarios de la nueva temporada.
**La parte difícil**
Las clases no se guardan una a una: se calculan a partir de los horarios recurrentes y de las excepciones, en la zona horaria de Roma, y el mismo cálculo alimenta las páginas, el calendario que se sigue y los enlaces de Google Calendar. El editor de carteles (Fabric.js y 16 tipografías) se queda en el panel: la web pública nunca lo descarga, y en la primera visita la portada pesa unos 300 KB, tipografías y fotos incluidas.
Vue 3 y TypeScript, Fastify y MongoDB; las páginas de los cursos las escribe el servidor, con los datos estructurados para Google. Cada cambio pasa por 66 pruebas automáticas y llega al servidor con una GitHub Action.
Diseño, desarrollo full-stack y publicación · Nicla · 2026
Vue.js, Fastify, MongoDB, Fabric.js, Tailwind CSS