Skip to content
All projects
Northwind Dashboard cover

CASE STUDY · PERSONAL ·

Northwind Dashboard

A Fast Analytics UI

ReactTypeScriptNode.jsPostgreSQL
This is sample content that ships with the quietfolio template. Replace it with your own case study.

Overview

Northwind Dashboard is a sample analytics app used to show how a case study page looks: a cover image, a short intro, headings, lists, code and a table, all rendered from content/work.json.

Good case studies answer three questions quickly: what was the problem, what did you build, and what changed because of it.

The problem

Teams were exporting spreadsheets by hand every Monday. Numbers were stale by Tuesday and nobody trusted the totals.

What I built

  • Live charts — a typed API streams aggregates so the UI never recomputes them in the browser.
  • Role-based access — admins see everything, viewers see only their team.
  • CSV export — one click, the same numbers as the screen.

A detail worth showing

Short code snippets render in a scrollable block. For example, the query that powers the weekly chart:

SELECT date_trunc('week', created_at) AS week, sum(amount) AS total
FROM orders
WHERE team_id = $1
GROUP BY 1
ORDER BY 1;

Results

MetricBeforeAfter
Weekly report time2 hoursInstant
Dashboard load4.1 s0.9 s
Support tickets about totals12 / month0

See the live demo or read how this template works.

Get in touch →