Zurück zu Digital
Web-Application / API Integration / UI

Rugia. Einfach Wetter

Eine minimalistische, moderne Wetter-App mit Fokus auf ein klares, ästhetisches User Interface, die Echtzeit-Wetterdaten über die OpenWeatherMap API verarbeitet.

Rugia Wetter Web App Interface

Die Herausforderung

Ziel des Projekts war es, eine funktionale und optisch ansprechende Wetter-Anwendung zu kreieren, która dynamicznie pobiera i renderuje dane meteorologiczne. Die größte gestalterische Herausforderung bestand darin, komplexe Wetterdaten (wie stündliche Vorhersagen, Windgeschwindigkeiten und Sonnenstandszyklen) in einem minimalistischen "Apple-Glass"-Layout sauber zu strukturieren. Technisch stand die fehlerfreie asynchrone API-Anbindung sowie die reibungslose Datenübergabe im Fokus.

Die Lösung

Die Web-Applikation wurde nativ mit HTML5, CSS3 (Flexbox/Grid) i modernem JavaScript (Vanilla JS) umgesetzt. Über Fetch-API werden die Daten von der OpenWeatherMap API abgerufen und in Echtzeit in die Benutzeroberfläche eingespeist. Das Interface besticht durch feine Milchglas-Effekte (Backdrop-Filter), sanfte Verläufe und eine intuitive Informationshierarchie, die dem Nutzer alle wichtigen Wetterparameter auf einen Blick liefert.

Detail Screen 1 Detail Screen 2 Detail Screen 3
Rolle

Frontend-Entwicklung, UI/UX Design

Jahr

2026

Schwerpunkt
  • API-Integration (OpenWeatherMap)
  • Asynchrones JavaScript (Fetch API)
  • Glassmorphism (Apple Glass Effect)
  • Responsive Data Layouts
Tools
Projekt ansehen