Site e painel de administração da A.S.D. Contrada Bosco, uma associação desportiva com cursos de tecido aéreo e pilates postural no Palabosco de Campodarsego, perto de Pádua. No telemóvel encontram-se logo os cursos, os horários da semana e um botão de WhatsApp; Nicla, que dá as aulas, atualiza tudo e prepara os cartazes do ano a partir de 20 modelos.
**Contrada Bosco** é uma associação desportiva amadora (uma *A.S.D.* segundo a lei italiana) com cursos de tecido aéreo para crianças, jovens e adultos, e de pilates postural, no Palabosco de Campodarsego, perto de Pádua. O site foi pensado para quem chega por um link de WhatsApp, muitas vezes pais, e quer saber três coisas: que cursos há, quando, e como se marca uma aula experimental.
**O que faz**
- **Os horários da semana**, com o dia de hoje já aberto: cancelamentos, mudanças de data e encerramentos aparecem na própria aula, e a semana tipo imprime-se. - **O calendário no telemóvel**: uma aula ou o curso inteiro no Google Calendar, ou um calendário para seguir que recebe sozinho os cancelamentos e as alterações. - **A aula experimental por WhatsApp**: cada aula tem o seu botão, com a mensagem já escrita (curso, dia e hora). O site não gere marcações: entrega-as a quem dá as aulas. - **As páginas dos cursos**, com fotos, idades, horários e «Partilhar», pensado para os grupos de WhatsApp dos pais. - **Sem faixa de cookies**: o site não segue ninguém, e o mapa do Google só carrega se for aberto.
**O painel**
Nicla atualiza tudo no telemóvel: cursos, horários recorrentes, avisos, fotos, textos e cores, e cancela uma aula com um toque. Há reciclagem, «Anular a última alteração» e acesso com chave de acesso (passkey). Lá dentro há também um **gerador de cartazes**: um editor com 20 modelos, textos ligados aos horários e aos contactos do site, fotos, formas, desenho à mão livre e código QR, para descarregar em JPG para o Facebook ou em PDF A4 para imprimir. No ano seguinte, os cartazes partem dos do ano anterior, com os horários da nova época.
**A parte difícil**
As aulas não são guardadas uma a uma: calculam-se a partir dos horários recorrentes e das exceções, no fuso horário de Roma, e o mesmo cálculo alimenta as páginas, o calendário para seguir e as ligações para o Google Calendar. O editor de cartazes (Fabric.js e 16 tipos de letra) fica no painel: o site público nunca o descarrega, e na primeira visita a página inicial pesa cerca de 300 KB, tipos de letra e fotos incluídos.
Vue 3 e TypeScript, Fastify e MongoDB; as páginas dos cursos são escritas pelo servidor, com os dados estruturados para o Google. Cada alteração passa por 66 testes automáticos e chega ao servidor com uma GitHub Action.
Conceção, desenvolvimento full-stack e publicação · Nicla · 2026
Vue.js, Fastify, MongoDB, Fabric.js, Tailwind CSS