WETTER-APP
Startansicht mit Suchfeld & Karte
Vollständiger Screenshot der Wetter-App mit Suchfeld, API-Ergebnissen, analoger Uhr und Kartenintegration. Die Ansicht demonstriert die zentrale React-Komponente, in der OpenWeather-Daten in Echtzeit geladen und per State-Management in einzelne UI-Module aufgeteilt werden. Das Card-Layout sorgt für klare Hierarchie und responsives Verhalten.
PROJEKTÜBERSICHT
Single-Page-App zur lokalen Wetterabfrage mit 7-Tage-Vorhersage, Live-Karte und Orts-Suche. Als React Frontend Developer habe ich die OpenWeather-Anbindung umgesetzt, das UI als Card-Layout gestaltet und die Daten so aufbereitet, dass Nutzer sofort alles Relevante sehen: aktuelles Wetter (Temp, Niederschlag, Luftfeuchte, Wind), lokale Uhrzeit & Zeitzone, Karten-Marker am Zielort sowie eine übersichtliche Wochenvorschau mit Icons. Das Interface ist deutsch lokalisiert und responsiv.
Key Features
Orts-Suche mit Eingabefeld & Ergebnisanzeige (deutsche UI)
Aktueller Status als kompakte Info-Cards: Temperatur, Niederschlags-Wahrscheinlichkeit, Luftfeuchte, Wind
Lokale Zeit & Zeitzone inkl. analoger Uhrdarstellung
Responsives UI
7-Tage-Vorhersage als Kartenreihe mit Wetter-Icons und Min/Max-Werten
Interaktive Karte (Leaflet / OpenStreetMap) mit Marker am gesuchten Ort
Responsives Layout (Desktop → Mobile) mit klarer Typo und ruhiger Hierarchie