3.4 KiB
3.4 KiB
Adam Gaiswinkler
Individueller Teil: Adam Gaiswinkler
Entwicklung von CMS‑Modulen & Frontend-Design
- Schwerpunkt: Oqtane-Theme, Hall-of-Fame-Modul & Anmeldetool
- Ziel: Moderne, responsive Website für den HTL-Absolventenverein
Ausgangslage & Motivation
- Ausgangssituation: Moderne Frontend‑Plattform für den Absolventenverein (responsive, neue Features).
- Persönliche Motivation:
- Team‑Verkleinerung (6 → 3) → mehr Verantwortung.
- Projektidentifikation & Praxis‑Blazor/ASP.NET.
- Ziele:
- Oqtane‑Module (Anmeldetool, Hall‑of‑Fame).
- Responsives UI/UX.
Eingesetzte Technologien
- Tech‑Stack: Bootstrap + Custom‑CSS, QuestPDF, Gitea, VS 2022 wechsel zu VS Code (macOS).
Umsetzung: Oqtane Theme
- Eigen‑Navigation (bootstrap Komponenten haben nicht gepasst ).
- Systemseiten per LINQ ausblenden.
- Responsive CSS‑Media‑Queries + reines CSS‑Burger‑Menu.
- ControlPanel & Cookie‑Consent.
Umsetzung: Hall of Fame
- Karten‑Grid: Responsive Übersicht, Live‑Suche & Sortierung in Echtzeit – kein Seitenreload (Blazor).
- Detail‑Seite: Glasmorphismus‑Design (halbtransparente Karten mit Blur-Effekt).
- Workflow: Rich‑Text‑Editor, Bild‑Upload mit Live-Vorschau (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
- PDF‑Export: Professionelle Profil-PDFs server-seitig mit QuestPDF.
- Moderation: Meldesystem über separates Interfaces‑Paket → saubere Logik-Trennung.
Umsetzung: Anmeldetool
- Klar getrennte Ja/Nein‑Buttons (grün/rot).
- Live‑Feedback via Blazor: Statusänderungen sofort sichtbar – andere Teilnehmer sehen Updates direkt.
- Mobile-optimiert: kein Overlay-Clipping, sauberes Touch-Handling.
- Saubere Trennung: UI-Komponente & Backend-API getrennt.
Herausforderungen & Lösungen
- Plattformwechsel Windows → macOS: Oqtane stark an Windows gebunden → Visual Studio Code als plattformübergreifende Lösung.
- Hosting-Ausfall (Hetzner, Sommer 2025): kurz vor einem Event → schnelle Node.js/HTML-Übergangslösung sicherte Event-Anmeldung.
Learnings
- Technisch: Git, CSS‑Flexbox, Blazor.
- Methodisch: Aufgabenverteilung, regelmäßige Meetings.
- Persönlich: Eigeninitiative & Verantwortung.
Fazit & Ausblick
- Theme final, mobil, Hall of Fame & Anmeldetool funktionsfähig.
- Erweiterungen: Teilnehmer‑Auswertung, Anmelde‑Limit, automatische E‑Mail‑Erinnerungen.