Über das Dashboard

Einstellungen

Über dieses Dashboard

Recruiter-taugliche Case Study innerhalb des AI-Techart & Dynamics Ökosystems – mit Fokus auf Frontend-Architektur, Datenintegration und produktionsnahe Umsetzung.

Projektprofil

Das Swiss Market Dashboard ist eine technische Referenzanwendung, die reale Frontend-Kompetenz nicht über statische Präsentation, sondern über ein funktionales, datengetriebenes Produkt sichtbar macht.

Der Schwerpunkt liegt auf der strukturierten Umsetzung moderner Benutzeroberflächen, der Verarbeitung externer Datenquellen und einer Architektur, die auch im produktionsnahen Kontext nachvollziehbar bleibt.

Inhaltlich verbindet die Anwendung zwei unterschiedliche Datendomänen: tabellarische Kryptomarktdaten sowie visuelle Wetter- und Zeitreihendaten für die Schweiz. Diese Kombination ist bewusst gewählt, um den Umgang mit unterschiedlichen Datenstrukturen, UI-Mustern und Präsentationslogiken zu demonstrieren.

Projekt auf einen Blick

  • Next.js-basierte Referenzanwendung mit App Router und TypeScript
  • Zwei unterschiedliche Datendomänen: Krypto-Märkte und Schweizer Wetterdaten
  • Fokus auf saubere UI-Architektur, typisierte API-Integration und wartbare Komponenten
  • Responsives Interface mit Theme-Support, Testing und Vercel Deployment
Technische Einordnung

Modern Web Development

Strukturierte Frontend-Entwicklung mit Fokus auf Lesbarkeit, Wartbarkeit, modularen Komponenten und produktionsnaher Umsetzung.

AI Workflow Systems

Technisches Denken in Workflows, Datenflüssen und schrittweiser Verarbeitung – nicht nur in isolierten Komponenten, sondern auf Systemebene.

Data Integration & UI Architecture

Verarbeitung heterogener externer Datenquellen und Übersetzung in klare, verständliche und performante Benutzeroberflächen.

Platform & Infrastructure Thinking

Praxisorientierter Blick auf Delivery, Integrationen, Betriebsnähe und technische Kohärenz über das Frontend hinaus.

Brand Context
AI-Techart & Dynamics

AI-Techart & Dynamics

Primäre technische Marke für moderne Webentwicklung, AI-Workflows und digitale Systeme.

BlockShield Systems

BlockShield Systems

Technisch ausgerichteter Teil des öffentlichen Markenökosystems mit Fokus auf Struktur, Systemdenken und belastbare Delivery.

Tech Stack

Framework

Next.js 16App RouterTurbopack

Sprache

TypeScriptStrict Mode

Styling

Tailwind CSSshadcn/ui-style Components

Charts

Recharts

Tabellen

TanStack Table v8

Testing

JestReact Testing LibraryPlaywright-ready

Deployment

VercelGitHub

APIs

CoinGeckoOpen-Meteo
Für die tabellarische Darstellung kommt bewusst TanStack Table v8 zum Einsatz. Die Datei nutzt deshalb die Direktive "use no memo", um die bekannte React-Compiler-Inkompatibilität dieser Library-Version sauber zu behandeln, bis ein stabiler Migrationspfad auf eine spätere Version sinnvoll ist.
Datenquellen

CoinGecko API

Nutzung für aktuelle Kryptomarktdaten, Rankings, Preisentwicklungen, Marktkapitalisierung und historische Chartdaten. Im Dashboard werden diese Daten in Tabellen, Kennzahlen und Detailansichten übersetzt.

/coins/markets, /coins/{id}, /coins/{id}/market_chart, /global

Open-Meteo API

Nutzung für Schweizer Wetter- und Prognosedaten mit Fokus auf Temperatur, Niederschlag und Wind. Diese Daten werden als Zeitreihen und visuelle Muster aufbereitet, um neben Tabellen auch chartbasierte Informationsdarstellung abzudecken.

Autor & öffentliche Einordnung

Demian Lienert positioniert sich öffentlich an der Schnittstelle von moderner Webentwicklung, AI-Workflows, visuellen Systemen und plattformorientiertem technischem Denken. Dieses Dashboard dient als nachvollziehbarer Praxisnachweis innerhalb dieses Profils.

Weiterführende Links