Back to work
ClaudeCase study

Console — Live Weather, Crypto & GitHub Dashboard

A keyless, serverless mini dashboard built with Claude Code: current weather, crypto prices, and new-and-rising GitHub repos on one calm instrument-panel screen, with silent background refresh and graceful rate-limit fallbacks.

Claude · buildproduction build
Console — Live Weather, Crypto & GitHub Dashboard workflow

Context

Checking the weather, crypto prices, and trending repos meant three separate tabs. The goal was the smallest dashboard that is actually useful once a day, that anyone can clone and run in under a minute, with no secret management and no server to host.

Approach

Built with Claude Code around one key decision: every data source is a keyless, CORS-friendly public API the browser calls directly. Each panel is an independent widget that hands an abortable async loader to a shared hook, so adding a source is one component plus one registry line. Loading skeletons appear only on the very first load; after that the 120-second refresh swaps data in place with tabular figures so numbers never jitter, and a failed background refresh keeps stale data on screen with a quiet footer note instead of flashing an error.

Architecture

  1. App refresh cycle
  2. useWidgetData hook (abortable loaders)
  3. Weather (Open-Meteo)
  1. Markets (CoinGecko)
  1. Code (GitHub Search)
  2. silent 120s in-place refresh
  3. stale-data fallback + rate-limit messaging

Results

0API keys and backend servers
120sSilent auto-refresh cadence
3Live data panels