Dashboard.

in review v 0.1.0 Standard effort

Config-driven analytics dashboard. Widgets follow a shared protocol so a new chart drops in as a file plus a config entry. Drag-to-rearrange, accessible tables and charts.

tanstack-routertanstack-querytailwindcssmswvitestplaywrightreact-grid-layoutvisxreact-simple-maps

plans/dashboard.md

Overview

Config-driven analytics dashboard. Widgets follow a shared protocol so a new chart drops in as a file plus a config entry. Drag-to-rearrange, accessible tables and charts.

What you're reading is the same plans/dashboard.md spec used to build Dashboard. It lists what's in the source, what isn't, the audit results, and the architecture. Read it before you subscribe — there are no surprises on the other side of payment.

Full spec is being authored — the rich detail page (features, audit numbers, changelog, recipes, architecture) lands when this starter ships.

Stack

The shared baseline across every starter in the catalog.

  • typescript — strict mode, no any, no ! non-null in shipping code
  • @tanstack/react-router + @tanstack/react-query for routing and server state
  • tailwindcss with Radix primitives for unstyled, accessibility-first components
  • msw for the mock API layer — designed to be replaced with your real backend
  • vitest for unit/component, @playwright/test for E2E

Per-starter additions for Dashboard:

  • react-grid-layout
  • visx
  • react-simple-maps