# Adam Gaiswinkler

## Individueller Teil: Adam Gaiswinkler
**CMS‑Modul & Frontend**

---

## 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.
- **Detail‑Seite**: Glasmorphismus‑Design.
- **Workflow**: Rich‑Text‑Editor, Bild‑Upload (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
- **PDF‑Export**: QuestPDF.
- **Moderation**: Meldesystem über Interfaces‑Paket.

---

## Umsetzung: Anmeldetool
- Klar getrennte Ja/Nein‑Buttons.
- Live‑Status‑Updates via Blazor.
- UI‑Overlay, mobile‑freundlich.

---

## Herausforderungen & Lösungen
- **Plattformwechsel**: Windows → macOS → JetBrains Rider.
- **Hosting‑Probleme**: Node.js/HTML‑Übergangslösung 2025.

---

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


## Individueller Teil: Adam Gaiswinkler
**Entwicklung von CMS-Modulen & Frontend-Design**

---

## Ausgangslage & Motivation
- **Ausgangssituation**: Bedarf an einer modernen Frontend Plattform für den Absolventenverein mit Responsiv design und neuen Features.
- **Persönliche Motivation**:
  - Steigende Verantwortung durch Teamverkleinerung (von 6 auf 3 Personen).
  - Identifikation mit dem Projekt wuchs deutlich.
  - Praktische Anwendung von Blazor & ASP.NET in einem realen Umfeld.
- **Individuelle Ziele**:
  - Entwicklung von Oqtane-Modulen (Anmeldetool & Hall of Fame).
  - Web-Entwicklung mit Fokus auf responsives und nutzerfreundliches UI/UX.

---

## Eingesetzte Technologien

- **Styling**: Bootstrap & Custom CSS
- **Spezielle Tools**: QuestPDF (PDF-Generierung), Gitea (Versionskontrolle)
- **Entwicklungsumgebung**: Visual Studio 2022 & Visual Studio Code (macOS)

---

## Umsetzung: Oqtane Theme
- **Ziel**: Modernes, schlichtes Design im Stil der HTL Ungargasse (szu.at).
- **Technische Highlights**:
  - Vollständige Eigenentwicklung der Navigationslogik (über `PageState.Pages`).
  - **Dynamisches Ausblenden von Systemseiten via LINQ**.
  - **Responsive Design**: Einsatz von CSS Media Queries und einer komplett CSS-basierten Burger-Menü-Lösung.
  - Integration eines `ControlPanels` und Cookie-Consent.

---

## Umsetzung: Hall of Fame (1)
- **Zweck**: Sichtbarmachung von erfolgreichen Absolventinnen und Absolventen.
- **UI & UX**:
  - Responsive Kartenübersicht der Personen mit Such- und Sortierfunktion (Echtzeit).
  - Detailseite im modernen "Glasmorphismus"-Design.
- **Datenerfassung & Workflow**:
  - Rich-Text-Editor zur Eingabe des Werdegangs.
  - Bild-Upload-System (Live-Vorschau, max. 5 MB) statt manueller URLs.
  - Statusverwaltung ("Entwurf" vs. "Veröffentlicht") inkl. Eigentümerprüfung.

---

## Umsetzung: Hall of Fame (2)
- **PDF-Export**: Dynamische Generierung eines ansprechenden Profil-PDFs mittels *QuestPDF*.
- **Moderation**:
  - Integriertes Meldesystem (Reporting) direkt über ein separates Interfaces-Paket angesteuert.


---

## Umsetzung: Anmeldetool für Treffen
- **Zweck**: Vereinfachung der Planung und Teilnehmerverwaltung.
- **Funktion**:
  - Klare, farblich getrennte Zusage- und Absage-Buttons.
  - Live-Rückmeldung bei Statusänderung dank Blazor.
  - Saubere Trennung von UI-Komponente und Backend-API.
- **UX-Optimierung**:
  - Fokus auf Overlay-Darstellung und Mobile-Clipping-Vermeidung.

---

## Herausforderungen & Lösungen
- **Plattformwechsel (Windows zu macOS)**: Oqtane ist stark an Windows gekoppelt; gelöst durch Einsatz von Visual Studio Code.
- **Zeitdruck & Infrastruktur-Ausfälle**: 
  - Probleme mit Hosting (Hetzner).
  - **Lösung**: Entwicklung einer schlanken "Übergangslösung" (Node.js/HTML) im Sommer 2025 zur zeitgerechten Event-Abwicklung.


---

## Learnings
- **Technisch**: Tieferes Verständnis von Version Control (Git), CSS/Flexbox (Responsiveness) und C#/Blazor-Tiefen.
- **Methodisch**: Eine klare Aufgabenaufteilung sowie regelmäßige Team-Meetings sind unerlässlich für den Projekterfolg.
- **Persönlich**: Bedeutsamkeit von Eigeninitiative und Verantwortungsübernahme, gerade in schwierigen Projektphasen.

---

## Fazit & Mögliche Erweiterungen
- **Erreichtes**:
  - Theme ist final in Oqtane integriert und mobil optimiert.
  - Hall of Fame und Anmeldetool sind voll funktionstüchtig.
- **Mögliche Erweiterungen**: 
  - Integration einer umfassenden Teilnehmerlisten-Auswertung (Datenbank).
  - Limit-Funktion für maximale Anmeldungen bei Veranstaltungen.
  - Automatische E-Mail-Erinnerungen für Events.