feature/ui-redesign #8

augsbunicola · 2026-05-31T18:00:09+02:00

augsbunicola commented

2026-05-31 18:00:09 +02:00

Änderungen:
Design & UX

Hero-Section mit dunklem Gradient-Hintergrund und schwebender Suchkarte
Auth-Modal (Login/Register) ersetzt die Eingabefelder im Header
Karten-Animationen beim Laden (fadeSlideUp, gestaffelt)
Skeleton-Loader während Events geladen werden
Bessere Empty-States mit Icon und Beschreibung
Alle alert()-Aufrufe durch inline DOM-Meldungen ersetzt

Backend & REST API

PUT /api/invitation/:id ersetzt POST .../accept und .../decline
DELETE /api/invitation/:id hinzugefügt → vollständiges CRUD (GET, POST, PUT, DELETE)
Einladungsvalidierung: Empfänger muss registriert sein (404), Selbsteinladung blockiert (400)
Fehlermeldungen vom Server werden inline in der Karte angezeigt

Code-Qualität

HTTP-Statuscodes korrigiert (login: 200, POST user: 201)
encodeURIComponent für Ticketmaster-Stadtsuche
JSDoc-Kommentare in allen Modulen
Inline-Style in eventCard.js entfernt

Testing

Server starten: node server/server.js
Events suchen (Skeleton-Loader sichtbar)
Registrieren → Passwort im Modal notieren → Login
Event speichern und unter "My Events" prüfen
Einladung an nicht-existenten Nutzer → Fehlermeldung
Einladung senden → Annehmen (PUT) → Löschen (DELETE)

Änderungen: Design & UX - Hero-Section mit dunklem Gradient-Hintergrund und schwebender Suchkarte - Auth-Modal (Login/Register) ersetzt die Eingabefelder im Header - Karten-Animationen beim Laden (fadeSlideUp, gestaffelt) - Skeleton-Loader während Events geladen werden - Bessere Empty-States mit Icon und Beschreibung - Alle alert()-Aufrufe durch inline DOM-Meldungen ersetzt Backend & REST API - PUT /api/invitation/:id ersetzt POST .../accept und .../decline - DELETE /api/invitation/:id hinzugefügt → vollständiges CRUD (GET, POST, PUT, DELETE) - Einladungsvalidierung: Empfänger muss registriert sein (404), Selbsteinladung blockiert (400) - Fehlermeldungen vom Server werden inline in der Karte angezeigt Code-Qualität - HTTP-Statuscodes korrigiert (login: 200, POST user: 201) - encodeURIComponent für Ticketmaster-Stadtsuche - JSDoc-Kommentare in allen Modulen - Inline-Style in eventCard.js entfernt Testing - [ ] Server starten: `node server/server.js` - [ ] Events suchen (Skeleton-Loader sichtbar) - [ ] Registrieren → Passwort im Modal notieren → Login - [ ] Event speichern und unter "My Events" prüfen - [ ] Einladung an nicht-existenten Nutzer → Fehlermeldung - [ ] Einladung senden → Annehmen (PUT) → Löschen (DELETE)

augsbunicola added 3 commits 2026-05-31 18:00:09 +02:00

Improve code quality, security, and accessibility fdffc08417

- Fix login check: use HTTP 200 instead of 201 for GET /api/user
- Add encodeURIComponent for city in Ticketmaster URL
- Re-throw errors in ticketmaster.js so app.js can show user feedback
- Add JSDoc comments to all service and utility modules
- Add German labels and text throughout (de-CH locale)

Add REST-compliant PUT/DELETE endpoints and invitation validation ae3692697b

- Replace POST /invitation/:id/accept|decline with PUT /invitation/:id
- Add DELETE /invitation/:id (full CRUD: GET, POST, PUT, DELETE)
- Validate invitation recipient exists before creating invitation (404)
- Block self-invitation (400)
- Propagate server error messages to inline card feedback
- Add Loeschen button to invitation cards (demonstrates DELETE in UI)
- Improve empty state with icon and descriptive text

Redesign frontend with hero section, auth modal, and animations 53f9691376

- Replace header auth inputs with Bootstrap modal (Login/Register tabs)
- Add hero section with dark gradient, decorative grid lines, teal glows
- Floating search card with strong shadow inside hero
- Add card entrance animation (fadeSlideUp) with staggered nth-child delays
- Add skeleton loader shown while events are fetching
- Add empty state components with emoji icon and description
- Remove all alert() calls, replace with inline DOM error messages
- Add CSS custom properties for consistent design tokens
- Add Inter font, modern typography scale
- Document input validation under OWASP A03 in README

augsbunicola requested review from thoenykaroli 2026-05-31 18:00:09 +02:00

thoenykaroli closed this pull request

2026-06-01 09:12:19 +02:00

thoenykaroli reopened this pull request

2026-06-01 09:38:50 +02:00

thoenykaroli commented

2026-06-01 09:39:06 +02:00

checked

thoenykaroli merged commit 43246d30a3 into main

2026-06-01 09:42:42 +02:00

thoenykaroli referenced this issue from a commit

2026-06-01 09:42:44 +02:00