Recovery-aware daily schedule system with Whoop integration.
Automatically detects your recovery score, wake time, and selects the right schedule for your day. Includes a schedule editor so you can customize blocks to fit your workflow.
- Whoop Integration — Fetches recovery score, HRV, resting heart rate, and wake time
- Auto Day Selection — Green (≥67%) → Standard, Yellow (34-66%) → Standard with warning, Red (<34%) → Low Energy
- Dynamic Time Shifting — All blocks shift based on your actual wake time
- 4 Day Types — Standard, Interview, Heavy Work, Low Energy
- Schedule Editor — Add, edit, delete, and reorder blocks
- PWA — Installable on phone, tablet, desktop
- Responsive — Mobile, tablet, and desktop layouts
npm install
npm run devOpen http://localhost:3000.
On first load, you'll be prompted to connect your Whoop. For now this uses a personal access token:
- Go to
app.whoop.comand log in - Open DevTools → Network tab → refresh
- Find any request to
api.prod.whoop.com - Copy the
Authorizationheader value (after "Bearer ") - Paste into the app
Token is stored in localStorage and only sent to Whoop's API.
- Next.js 16 (App Router)
- TypeScript
- Tailwind CSS v4
- localStorage for schedule persistence
npm run buildDeploy to Vercel, Netlify, or any Node.js host.