Website und Verwaltung für die A.S.D. Contrada Bosco, einen Sportverein mit Kursen in Vertikaltuch und Haltungs-Pilates im Palabosco in Campodarsego bei Padua. Am Handy sieht man sofort die Kurse, die Zeiten der Woche und einen WhatsApp-Knopf; Nicla, die unterrichtet, pflegt alles selbst und gestaltet die Flyer des Jahres aus 20 Vorlagen.
**Contrada Bosco** ist ein Amateursportverein (eine *A.S.D.* nach italienischem Recht) mit Kursen in Vertikaltuch für Kinder, Jugendliche und Erwachsene sowie Haltungs-Pilates im Palabosco in Campodarsego bei Padua. Die Website ist für alle gemacht, die über einen WhatsApp-Link kommen, oft Eltern, und drei Dinge wissen wollen: welche Kurse es gibt, wann, und wie man eine Probestunde bucht.
**Was sie kann**
- **Die Zeiten der Woche**, mit dem heutigen Tag schon geöffnet: Ausfälle, Verlegungen und Schließtage stehen direkt an der Stunde, und die Standardwoche lässt sich drucken. - **Der Kalender am Handy**: eine Stunde oder den ganzen Kurs in Google Kalender speichern, oder einen Kalender abonnieren, der Ausfälle und Änderungen von selbst übernimmt. - **Probestunde per WhatsApp**: Jede Stunde hat ihren Knopf, mit fertig geschriebener Nachricht (Kurs, Tag und Uhrzeit). Die Website nimmt keine Buchungen an: Sie leitet sie an die Lehrkraft weiter. - **Die Kursseiten** mit Fotos, Alter, Zeiten und „Teilen“, gedacht für die WhatsApp-Gruppen der Eltern. - **Kein Cookie-Banner**: Die Website verfolgt niemanden, und die Google-Karte lädt erst, wenn man sie öffnet.
**Die Verwaltung**
Nicla pflegt alles vom Handy aus: Kurse, wiederkehrende Zeiten, Hinweise, Fotos, Texte und Farben, und sagt eine Stunde mit einem Tippen ab. Es gibt einen Papierkorb, „Letzte Änderung rückgängig“ und die Anmeldung mit Passkey. Dazu kommt ein **Flyer-Generator**: ein Editor mit 20 Vorlagen, Texten, die mit den Zeiten und Kontakten der Website verknüpft sind, Fotos, Formen, Freihandzeichnen und QR-Code, als JPG für Facebook oder als A4-PDF für den Druck. Im Jahr darauf starten die Flyer von denen des Vorjahres, mit den Zeiten der neuen Saison.
**Der schwierige Teil**
Die Stunden werden nicht einzeln gespeichert: Sie werden aus den wiederkehrenden Zeiten und den Ausnahmen berechnet, in der Zeitzone Roms, und dieselbe Berechnung speist die Seiten, den abonnierbaren Kalender und die Links für Google Kalender. Der Flyer-Editor (Fabric.js und 16 Schriften) bleibt in der Verwaltung: Die öffentliche Website lädt ihn nie, und beim ersten Aufruf wiegt die Startseite etwa 300 KB, Schriften und Fotos inklusive.
Vue 3 und TypeScript, Fastify und MongoDB; die Kursseiten schreibt der Server, mit strukturierten Daten für Google. Jede Änderung durchläuft 66 automatische Tests und kommt per GitHub Action auf den Server.
Konzeption, Full-Stack-Entwicklung und Veröffentlichung · Nicla · 2026
Vue.js, Fastify, MongoDB, Fabric.js, Tailwind CSS