May 19, 2026·1 min read
Building the Keen Keeper dashboard
A Vite + React friendship tracker with On Track states, interaction counts, and Recharts — not a finance app.
#react#recharts#dashboard
Keen Keeper started as a Programming Hero assignment. The live product is a relationship shelf: add friends, see who is on track, and log interactions. It is not an expense tracker.
UI I shipped
- Headline: friends to keep close in your life
- Counters for total friends, on track, need attention, and interactions this month
- An add-friend action and a card list
- Recharts for the interaction breakdown
Stack choices
Vite for fast local builds. React Router for the dashboard routes. Tailwind for a compact layout. Recharts because a pie or bar of “how I actually talk to people” is the point of the assignment.
Source: B13-A7-keen-keeper
Live: Keen Keeper