Wetter-Projekt

Table of Contents

1. Überblick
2. Ziel
3. Lösung
   • Datenquellen
   • Wie funktioniert die Suche?
   • Interaktive Kartenansicht
   • Benutzerführung
4. Herausforderungen und Lernerfahrungen
5. Abschließende Überlegungen

Überblick

Wetter-Projekt ist eine React-Anwendung, die auf Vite basiert. Nutzer können Wettervorhersagen abrufen, historische Daten auswerten und eine Karte mit aktuellen Temperaturen, Niederschlag oder Bewölkung ansehen.

🎯 Ziel

1. Einfache Suche nach Orten mit anschließender Anzeige der Vorhersage.
2. Visualisierung von historischen Wetterdaten und interaktive Kartenansicht.

✨ Lösung

Datenquellen

• Open-Meteo liefert Vorhersagen und Archivdaten.
• OpenWeatherMap stellt Karten-Layer für Temperatur und Wolken bereit.
• OpenStreetMap dient als Basiskarte.

Wie funktioniert die Suche?

• Eingabe eines Ortes über die Autocomplete-Suche in der Navigation.
• Abruf der Koordinaten über die Open-Meteo-Geocoding-API.
• Anschließende Anfrage an die Forecast- oder Archiv-API je nach Seite.

Interaktive Kartenansicht

• Leaflet zeigt die Karte mit OpenWeather-Layern.
• Eine Legende informiert über Temperaturbereiche oder Bewölkung.
• Auswahl der Layer (Temperatur, Wolken, Niederschlag) über ein Dropdown.

Benutzerführung

• Navigation mit Suche führt direkt zur Vorhersage für den gewählten Ort.
• Historische Auswertungen lassen sich per Checkbox konfigurieren.
• Lottie-Animationen verdeutlichen die Wetterlage.

⚙️ Herausforderungen und Lernerfahrungen

1. Kombination verschiedener APIs (Geocoding, Vorhersage, Karten-Layer).
2. Responsive Gestaltung von Karten und Diagrammen.
3. Dynamische Datenvisualisierung mit Recharts und Mantine.

✨ Abschließende Überlegungen

Das Projekt demonstriert, wie sich unterschiedliche Wetterdatenquellen in einer modernen React-Oberfläche zusammenführen lassen. Die Karte und die Graphen ermöglichen einen schnellen Überblick über aktuelles und vergangenes Wetter.