Frontend – Makroindikatoren-Übersicht
ID: REQ-FA-006 · Service: fundamental-analysis · Status: 🟢 aktiv · Use Case: UC-FA-001, UC-FA-002
Darstellung der Makroindikatoren beider Währungsseiten des gewählten Paares als strukturierte Übersicht auf der Seite "Fundamentale Analyse". Die Seite ist ein eigener Navigationspunkt in der bestehenden React-App (FundamentalAnalysis.jsx), kein zweiter Frontend-Container.
UI
Position: eigene Seite, erreichbar über Navigationsmenü unter "Trading"
Trigger: lädt bei Paarwechsel automatisch neu
Layout
Header
- Paar-Auswahl (Dropdown, gleiche 7 Paare wie Trend-Analyse)
- Letzte Aktualisierung (relative Zeit)
Two Column Layout
Left
Label: Basiswährung (z.B. EUR)
Content
- Region und Flagge
- Makro-Score als farbiger Badge (bullish/neutral/bearish)
- Tabelle der Indikatoren (Indikator, Wert, Datum, Kategorie, Interpretation)
Right
| Feld | Wert |
|---|---|
| Label | Gegenwährung (z.B. USD) |
| Content | gleiche Struktur wie links |
Indicator Row
Columns
- Indikatorname (z.B. "Leitzins")
- Wert mit Einheit (z.B. "2,00 %")
- Datum der letzten Messung
- Kategorie-Badge (farbig)
- Kurztext (1 Zeile, z.B. "Sinkender Zinssatz – dovish Signal")
- ℹ-Infobox (was misst dieser Indikator, wie ist er zu lesen)
Stale Indicator
- Wert grau dargestellt wenn älter als 45 Tage
Eintrag 2
| Feld | Wert |
|---|---|
| Tooltip | Letzter bekannter Wert vom [Datum] |
Color Coding
| Feld | Wert |
|---|---|
| Stark Bullish | #3fb950 |
| Bullish | #8fc776 |
| Neutral | #6b7280 |
| Bearish | #e07b54 |
| Stark Bearish | #f85149 |
Verhalten
- Ladeindikator während API-Abruf
- Fehlende Daten für eine Region zeigen Hinweis "Keine Daten verfügbar"
- Paarwechsel löst sofortigen Neu-Load aus
Abnahmekriterien
- [ ] Beide Währungsseiten werden nebeneinander dargestellt
- [ ] Jeder Indikator zeigt Wert, Datum, Kategorie und Interpretationstext
- [ ] Veraltete Werte (> 45 Tage) sind visuell erkennbar
- [ ] Paarwechsel aktualisiert beide Seiten korrekt
- [ ] Infoboxen erklären jeden Indikator verständlich
- [ ] Seite ist auf mobilen Bildschirmen nutzbar (responsive, ggf. gestapelt statt nebeneinander)
Changelog
Eintrag 1
Version: 1.0
Changes: Initiale Version