Back to work

Whoop Analytics Dashboard

  • Next.js
  • TypeScript
  • Data Viz
  • Claude Code
2026·shipped

Problem

Whoop's own app surfaces recovery, strain, and sleep as separate screens — there's no single view that connects them over time or lets you dig into your own trends.

Approach

Built a full-stack dashboard — a backend integrating the Whoop API and a Next.js frontend — visualizing recovery, strain, sleep, and HRV across up to 6 months of data, plus a recommendation engine that turns personal metrics into training/recovery suggestions. Used Claude Code as a pair-programming partner to move fast from idea to working product.

Outcome

Surfaces 34+ metrics and 5+ actionable recommendations in a single view. Research collaboration under Professor Saad Siddiqui.

My role

Sole builder — product scoping, API integration, and frontend.