# Fredi24 – Feature-Übersicht **Live:** https://holiday.heidrich-digital.de · Passwort: `frediurlaub26` ## Kern-Features (v3.0) ### ⭐ Sterne-Bewertungs-System - Jede Destination kann von Till + Lea unabhängig bewertet werden (1–5 Sterne) - Klick auf Stern setzt/entfernt Bewertung - Durchschnitt wird automatisch berechnet - Persistent in localStorage (`f24_ratings`) ### 🏆 Dynamische Ranking-Liste - Eigener Tab "Ranking" (Bottom-Nav) - Sortiert automatisch nach Durchschnitt aller Sterne - Top 3 bekommen Gold/Silber/Bronze Badge - Klick auf Ranking-Eintrag → springt zur Detail-Karte - Zeigt Till's und Lea's Bewertungen separat ### 💬 Kommentar-System - Unter jeder Karte aufklappbar - Aktiver User (Till oder Lea) postet als sich selbst - Eigene Kommentare löschbar - Timestamp ("gerade", "5 Min", "2 Std", Datum) - Lea's Kommentare in coral, Till's in teal markiert ### 👤 Profil-Switch - Top-rechts: User-Pill mit aktuellem Profil - Klick → Modal: Till oder Lea auswählen - Aktive Identität wird für Sterne + Kommentare verwendet - Speichert in localStorage (`f24_user`) ### 💡 Eigene Ideen einreichen (gleichberechtigt!) - FAB-Button rechts unten (✚) - Modal mit allen Feldern (Emoji, Name, Land, Budget, Status, Begründung, Subtext, Flugzeit) - **Eigene Ideen erscheinen im Ideen-Tab gleichberechtigt** (lila Border, "💜 Eigener Vorschlag"-Marker) - Können bewertet & kommentiert werden wie alle anderen - Eigener Tab "💜 Eigene" zeigt nur eigene Vorschläge - Bearbeitbar + löschbar (nur eigene) - Badge auf Nav-Item zeigt Anzahl ### 📊 Sortierung (im Ideen-Tab) - Bewertung (höchste zuerst) – nutzt Sterne-Durchschnitt - Status (TOP → SPÄTER) - Preis aufsteigend / absteigend - Name A-Z - Eigene zuerst ### 📈 Live-Statistik-Dashboard - 4 Kacheln oben im Ideen-Tab: - Ideen gesamt (built-in + eigene) - Bewertet (wie viele schon Sterne haben) - Kommentare (Summe aller) - Tage bis Reise (Countdown zum 13. Juli 2026) ### 🎨 Mobile-First UI - Bottom-Navigation (5 Tabs: Ideen, Ranking, Eigene, Archiv, Info) - Sticky Header mit User-Profil - Safe-Area Padding für iOS Notch - Optimiert für Touch (große Tap-Targets) - 1-Spalten-Layout auf < 660px ### 🔓 Passwort-Schutz - Client-side Gate (`frediurlaub26`) - Session-basiert (`sessionStorage`) - Schützt vor zufälligem Zugriff (kein hartes Security) ### 📋 Daten-Export - JSON-Export aller Bewertungen + Kommentare + eigener Ideen - Direkt in Zwischenablage → Codex kann auslesen - Im Ranking-Tab über "📋 Export"-Button ## Datenstruktur ### LocalStorage Keys - `f24_user` → aktiver User: "Till" | "Lea" - `f24_ratings` → `{destId: {Till: 1-5, Lea: 1-5}}` - `f24_comments` → `{destId: [{user, text, ts}]}` - `f24_own` → Array eigener Destinationen - `sessionStorage.f24` → "1" wenn eingeloggt ### Built-in Destinations (data/destinations.json) 18 vorgefertigte Destinationen mit allen Feldern: - Sardinien, AIDA, Algarve, Glamping, Schweiz, Côte d'Azur - Taurito, Fuerteventura, Menorca, Kapverden, Malta, Lanzarote, Costa del Sol - MSC, Korsika, Madeira (später), Schweden (später), Bali (später) ## Codex-Integration Codex kann über git.heidrich-digital.de/till/holiday-2026: 1. `data/destinations.json` erweitern → neue eingebaute Destinationen 2. Aus `export`-JSON die User-Daten auslesen → Ratings/Kommentare analysieren 3. HTML-Templates erweitern (siehe README.md für Card-Format) 4. Auto-Deploy via Coolify bei Push auf main ## Roadmap (Ideen für später) - [ ] Bilder pro Destination (CDN/Unsplash) - [ ] Wettervorhersage-Widget je Reisezeitraum - [ ] Direkte Booking-Links (HRS, Booking.com) - [ ] PDF-Export einer "Shortlist" - [ ] Reise-Notizen pro Destination (Hotel-Links, Mietwagen-Codes) - [ ] Felix-Geburtstag-Counter ("Felix ist X Jahre alt während Reise") - [ ] Multi-Year-Planning (2026, 2027, 2028)