Projekt 01 · LIVE

Live Pulse

Ein Betriebs-Dashboard, das den Puls der Welt live verfolgt: Erdbeben, Währungen, Krypto, Wetter und GitHub-Aktivität auf einem Bildschirm.

JAHR
2026
ROLLE
Design und Entwicklung
STACK
Next.js · TypeScript · GSAP
STATUS
Live
livepulse
ERDBEBEN
M 4.2
USD/TRY
41.80
BTC
$68k
Fallstudie

Problem, Ansatz, Belege.

1

Problem

Verstreute öffentliche Datenquellen (Erdbeben, Währungen, Krypto, Wetter, GitHub) ohne Serverkosten live auf einem Bildschirm zeigen.

2

Ansatz

Pro Quelle ein serverseitiger Proxy mit Cache; im Client periodische Aktualisierung, fließend wechselnde Zahlen und Live-Punkte auf der Karte, deren Größe der Stärke entspricht. Antwortet eine Quelle nicht, werden stillschweigend die zuletzt bekannten Daten gezeigt.

3

Belege

Desktop: Lighthouse 98 und 1,0 s LCP; Layout-Verschiebung 0,001. Mobil wegen der Karte 69; an dieser Stelle arbeite ich an Verbesserungen.

Datenquellen

Fünf Quellen, fünf Rhythmen.

USGS Earthquake
Erdbeben-Feed und Karte
60 s
Open ExchangeRate-API
Wechselkurse
5 Min
CoinGecko
Krypto-Preise
60 s
Open-Meteo
Stadtwetter
10 Min
GitHub Events
Open-Source-Puls
60 s
Architektur

Live bleiben, ohne an Limits zu stoßen.

01
Browser
Karten-Komponenten, periodische Aktualisierung
02
API route
pro Quelle ein eigener Proxy
03
Cache
serverseitig, kurzlebig
04
Externe APIs
ohne Schlüssel, kostenlos

↑ Der Browser berührt die externe API nie; das Limit-Problem wird hier gelöst.

Messwerte

Belege in Zahlen.

LIGHTHOUSE
98 · 69
Desktop 98, mobil 69 (Lighthouse 12)
ERSTER INHALT (LCP)
1,0 s
Desktop; mobil 5,9 s, Verbesserung geplant
LAYOUT-VERSCHIEBUNG
0.001
CLS · TBT 120 ms · Serverantwort 90 ms
NÄCHSTES PROJEKT

Lassen Sie uns das nächste Projekt gemeinsam machen.

Schreiben Sie mir zu einem Projekt, einer Zusammenarbeit oder einem technischen Gespräch. Im Schnitt antworte ich innerhalb von 24 Stunden.