Pulse Analytics
A real-time analytics dashboard built with Next.js 16 and Recharts — five chart types, date-range filtering, and CSV export, running entirely on a seeded mock-data engine with no database dependency.
Overview
A real-time analytics dashboard built with Next.js 16 and Recharts — five chart types, date-range filtering, and CSV export, running entirely on a seeded mock-data engine with no database dependency.
Links
Challenges & Learnings
Pulse Analytics is a self-directed dashboard build exploring what a stakeholder-facing analytics product looks like without a real backend. All data comes from a seeded pseudo-random generator (a linear congruential generator, not Math.random) that produces deterministic time series for revenue, users, page views, and sessions — the same query always returns the same numbers, which matters for a demo that needs to look consistent across visits. The app is a Next.js 16 App Router project with two API routes (/api/metrics, /api/export) and a custom middleware layer that rate-limits every /api/* request using an in-memory Map keyed by IP and path. That's a real, documented tradeoff: on a serverless/multi-instance deployment, the counter isn't shared across instances, so the limit is enforced per warm instance rather than globally — acceptable for a demo, not for a production API. UI is Tailwind v4 + shadcn/ui with Recharts for visualization, plus a dynamic OG image route for social previews.