# 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

<!-- BILD: Logo HTL Ungargasse + Vereinslogo nebeneinander -->

---

## 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).

<!-- BILD: Logos der verwendeten Tools (Bootstrap, QuestPDF, Gitea, VS Code) nebeneinander -->

---

## 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.
![Theme Burger Ansicht](Images/ThemeBurgerMenu.png)
<!-- BILD: Screenshot der Website-Navigation auf Desktop (volle Menüleiste) -->
<!-- BILD: Screenshot des Burger-Menüs auf Mobile (aufgeklappt) -->

---

## 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.
![Screenshot eines generierten PDFs](Images/HallOfFameBeispiel.png)
![Screenshot HallOfFame](Images/HallOfFame.png)
<!-- BILD: Screenshot des Karten-Grids mit mehreren Alumni-Einträgen -->
<!-- BILD: Screenshot der Detailseite (Glasmorphismus-Design) -->
<!-- BILD: Screenshot eines generierten PDFs -->

---

## 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.

<!-- BILD: Screenshot Anmeldetool mit gruenem Ja- und rotem Nein-Button -->
<!-- BILD: Screenshot auf Mobile (Overlay-Ansicht) -->

---

## 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.

<!-- BILD: Screenshot von Visual Studio Code auf macOS -->

---

## 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.

<!-- BILD: Gesamtansicht der fertigen Website (Desktop) als Abschluss-Screenshot -->


