← Alle Artikel
WetterSwiftUIWidgetKit

PlanBar: Wetter-App mit 5 Widgets, Regenradar und Sport-Fenster

17. März 2026 · 8 Min. Lesezeit

Wetter-Apps gibt es viele. PlanBar fokussiert sich auf eine Frage: „Kann ich heute draußen trainieren?" Die App kombiniert klassische Wetterdaten mit sportspezifischen Features wie dem Sport-Fenster, einem Regenradar und einer KI-basierten Coach-Empfehlung.

App-Features

HeroCard: Alles auf einen Blick

Die Hauptansicht zeigt die aktuelle Temperatur, Wetterlage, Tageshoch/-tief und den UV-Index in einer großen, farbcodierten Karte. Die Farbe ändert sich dynamisch basierend auf Temperatur und Tageszeit.

Sport-Fenster (SportWindowView)

Das Kernfeature: Die App analysiert den Tagesverlauf und empfiehlt das beste Zeitfenster für Outdoor-Sport. Berücksichtigt werden: Temperatur, Regen-Wahrscheinlichkeit, Wind und UV-Index.

Regenradar (RadarMapView)

Eingebettetes Regenradar mit der aktuellen Niederschlags-Animation. Zeigt die Zugrichtung und Intensität.

Regen-Timeline (RainTimelineView)

Minuten-genaue Niederschlagsprognose: Wann beginnt und endet der Regen?

Tageslichtstunden (DaylightBarView)

Visualisierung von Sonnenauf- und -untergang als horizontaler Balken. Zeigt die aktuelle Position des Tages und die verbleibenden Sonnenstunden.

Wettervergleich (WeatherComparisonView)

Bis zu 3 Orte nebeneinander vergleichen. Sinnvoll für: „Fahre ich an den Strand oder ins Gebirge?"

Stunden- & Tagesprognose

Horizontale Stundenprognose (HourlyForecastView) und vertikale Tagesprognose (ForecastListsView) mit Temperaturkurven.

AI-Coach (AICoachService)

KI-basierte Empfehlung basierend auf dem aktuellen Wetter: „Heute ist ein perfekter Tag für eine 10K – ab 16 Uhr kein Regen, 18°C, leichter Wind."

Anpassbare Kacheln

Sekundäre Metriken (UV, Wind, Feuchtigkeit, Luftdruck, Sichtweite) können als Kacheln aktiviert/deaktiviert und umsortiert werden (TileCustomizationSection).

5 Widget-Typen (WidgetKit)

PlanBar bietet fünf verschiedene Widgets für den iOS-Homescreen:

  1. PlanBarWidget – Kompakt-Übersicht mit Temperatur und Wettericon
  2. PlanBarForecastWidget – Mehrstunden-Vorschau
  3. PlanBarCompactWidget – Minimale Anzeige für kleine Widget-Slots
  4. PlanBarLockScreenWidget – Sperrbildschirm-Widget (iOS 16+)
  5. WidgetLocationIntent – Interaktive Standortwahl per Widget-Konfiguration

Architektur

  • MVVM: WeatherViewModel, AuthViewModel, SearchViewModel
  • Services: WeatherService (API), BackendService (Supabase), AICoachService, BiometricService, KeychainService, WeatherNotificationManager
  • Favoriten-Sync: Supabase Backend für Geräte-übergreifende Favoriten
  • Auth: Supabase Auth mit Biometric (Face ID / Touch ID)
  • Netzwerk-Monitor: Offline-Fallback bei fehlendem Internet

Tech Stack

  • UI: SwiftUI
  • Widgets: WidgetKit (5 Typen)
  • Backend: Supabase (Auth + PostgreSQL)
  • Wetter-API: WeatherService (externe API-Integration)
  • KI: AICoachService (lokale Empfehlungslogik)
  • Sicherheit: Keychain + BiometricService

→ Projekt ansehen: PlanBar – Projektdetails

→ Web: planbarwetter.de