← Startseite Made by Mika
Projekt

Sports Window

Ein persönliches Sport-Dashboard als native Desktop-App - gebaut für den kurzen Blick beim Hochfahren. Der Cache zeigt sofort relevante Daten, während im Hintergrund frische Stände nachgeladen werden. Standardmäßig die San Francisco 49ers (NFL) und Giants (MLB) - jedes der 32 NFL- bzw. 30 MLB-Teams lässt sich als aktives Team wählen.

Tauri 2 · Rust React 19 · TS Vite 7 ESPN JSON-API i18next EN/DE
Sports Window Dashboard im Light Mode - Hero-Karte zum nächsten Spiel, Player-Spotlight und Lineup-Diagramm
Dashboard
Nächstes Spiel, Player-Spotlight und Aufstellung - alles auf einen Blick, sobald die App startet.
Funktionen

Was die App kann

Jeder Endpunkt wird unabhängig abgerufen - fällt einer aus, bleiben die übrigen Bereiche funktionsfähig. Fehlende oder fehlerhafte Daten werden zu „-" statt zu einem Absturz.

Live-Dashboard

Hero-Karte zum nächsten Spiel mit Gegner, Anstoßzeit, Spielort und TV-Sender - inklusive Countdown bis zum Start.

Player-Spotlight

Automatisch gewählte Schlüsselspieler-Karte (QB bzw. Starting Pitcher) mit Saisonwerten und Trend gegenüber dem Karrieremittel.

Formations-Diagramm

Visuelle Aufstellung auf Feld oder Diamond, angepasst an die Sportart - Offense-Gruppen im Football, Feldpositionen im Baseball.

Division-Tabelle

Vollständige Standings mit W/L, Heim/Auswärts, Run-Differential und Streak - plus Glossar-Tooltips für jede Abkürzung.

Venue & History

Stadiondaten (Baujahr, Kapazität, Maße, Belag) neben kuratierter Saisonhistorie: Trendkurven, Meistertitel, All-Time-Rekorde.

Roster & Playoffs

Filterbare Kaderliste nach Positionsgruppe, suchbar nach Name und Nummer - plus automatische Playoff-Brackets in der Postseason.

Tiefe statt Oberfläche

History, die Geschichten erzählt

Die History-Ansicht verdichtet Jahrzehnte in wenige Blicke: eine Win/Loss-Trendkurve über die letzten Saisons, die Meistertitel als Banner-Reihe und die Team-ERA der jüngsten Jahre als Balken.

  • Trendkurve mit markierten Playoff- und Championship-Saisons
  • All-Time-Wins, beste Modern-Season, längste Siegesserie
  • Dunkles, team-gefärbtes Thema - bewusst abgesetzt vom hellen Dashboard
History-Ansicht im Dark Mode mit Win/Loss-Trend, Championship-Bannern und Team-ERA-Balken
Einstellungen im Light Mode
Dein Team, deine Sprache

Für beide Ligen gebaut

NFL und MLB teilen sich dieselbe Oberfläche - der Team-Selektor wechselt zwischen allen 62 Teams, die Glossare und Diagramme passen sich der Sportart an. Einstellungen für Sprache (DE/EN), Theme und Standardteam sind ein Klick entfernt.

  • Zweisprachig über i18next, mit sportartspezifischen Glossaren
  • Light- und Dark-Theme, team-gefärbte Akzente
  • Demo-Modus zum Testen ohne Netzwerk
Überall zu Hause

Läuft auf Handy, Mac und Windows

Dieselbe defensive Architektur, dieselben Daten - responsiv vom Desktop bis aufs Telefon. Die Seitennavigation merkt sich die Scroll-Position, sodass sich Bereiche sofort anspringen lassen.

Sports Window Dashboard auf dem Smartphone
Spieler-Karte auf dem Smartphone
Standings im Dark Mode auf dem Smartphone
Playoff-Bracket auf dem Smartphone
Seitennavigation im Dark Mode auf dem Smartphone
Unter der Haube

Technisches Fundament

Cache-first und ausfallsicher: Daten sind beim ersten Start sichtbar, jeder API-Aufruf läuft isoliert, und Updates kommen signiert über GitHub.

Plattform
Tauri 2 auf Rust-Basis für native, plattformübergreifende Performance - ein Binary für Windows, macOS und mobile Layouts.
Frontend
React 19 + TypeScript, kompiliert mit Vite 7. Komponentenbasiert, typsicher, schnell im Build.
Architektur
Defensiv gedacht: jeder Endpunkt wird unabhängig gefetcht, ein Ausfall kaskadiert nicht. Fehlende Daten werden zu „-" statt zum Crash.
Daten & Offline
Live-Daten aus der öffentlichen ESPN-JSON-API, persistent gecacht. Offline nutzbar, mit Demo-Modus für Tests ohne Netz.
Sprache
i18next mit Deutsch/Englisch und sportartspezifischen Glossaren - Tooltips erklären jede Abkürzung.
Updates
Automatische, signierte Auslieferung über GitHub - Installation mit einem Klick.
Designphilosophie

Die App ist auf geringe kognitive Last und schnelles Scannen ausgelegt. Der Cache-first-Ansatz macht Daten beim Start sofort sichtbar; die Seitennavigation mit Scroll-Tracking lässt zwischen Bereichen springen. Tooltips erklären durchgehend die Fachbegriffe - auch für alle, die mit US-Sport (noch) nicht vertraut sind.

Open Source

Der Quellcode ist öffentlich auf GitHub verfügbar.

GitHub-Repo →