Webentwicklung · PHP · Vibe Coding
Eine vollständige Webapp zur Trainingsplanung für Fußballvereine — von der Übungsbibliothek über das interaktive Taktikboard bis zum PDF-Druck. KI-assistiert entwickelt, ohne schwere Frameworks.
Das Projekt
Der Fußball-Trainingsplaner ist eine vollständige Webanwendung für Fußballvereine. Trainer können Übungen in einer durchsuchbaren Bibliothek verwalten, mit einem interaktiven Taktikboard auf Voll-, Halb- oder Kleinfeld visualisieren und per Drag & Drop zu strukturierten Trainingseinheiten zusammenstellen.
Die App berechnet automatisch Zeitpläne, aggregiert Materiallisten und erzeugt druckfertige Übersichten für den Trainingstag — inklusive Team-Management mit Rollensystem und sicherer Benutzerauthentifizierung mit E-Mail-basiertem Passwort-Reset.
Das Projekt entstand vollständig als KI-assistiertes Eigenentwicklungsprojekt und zeigt, wie modernes Vibe Coding zu einer vollwertigen, produktionsreifen Webanwendung führt — ohne schwere Frameworks, stattdessen mit sauberem PHP-Backend und einem SPA-Frontend aus reinem Vanilla JavaScript.
Funktionen
Übungen erstellen, kategorisieren, nach Schwierigkeit bewerten und durchsuchen. Globale Übungen sind für alle Teams sichtbar, Team-Übungen nur intern.
Canvas-basiertes Zeichenwerkzeug für Vollfeld, Halbfeld und Kleinfeld. Spieler, Hütchen, Bälle, Tore sowie Lauf- und Passwege lassen sich frei platzieren.
Übungen per Drag & Drop in Trainingseinheiten zusammenstellen. Die App berechnet automatisch den Zeitplan und aggregiert die Materialliste.
Jede Trainingseinheit lässt sich als druckfertige Übersicht ausgeben — ideal für den Trainingstag auf dem Platz ohne Bildschirm.
Mehrere Teams unabhängig verwalten. Dreistufiges Rollensystem: Betreuer (lesend), Trainer (schreibend), Admin (vollständiger Zugriff).
Session-basierte Authentifizierung, Registrierung mit Admin-Freigabe und sicherer Passwort-Reset per E-Mail via Strato SMTP.
Technologien