Project
Roulette

Commit Activity Calendar

Any GitHub user's year of contributions, rebuilt from the API.

BeginnerWeb appData viz6–14hAI-buildable 5/5needs GitHub REST API

Rebuild the contribution graph yourself: fetch a year of commit activity, bucket it by day, and render the calendar heatmap with proper week alignment. The date maths — week boundaries, month labels, partial first weeks — is the whole exercise.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • Enter a username and load their activity
  • A calendar heatmap renders the year in aligned weeks
  • Colour intensity buckets by commit count
  • Month labels align correctly with their first full week
  • Hovering a day shows the exact date and count
  • Total, best day and current streak are shown
  • A missing user or rate limit is reported clearly

The interesting part

  • Week alignment when the year doesn't start on the first day of a week
  • Bucketing thresholds that stay meaningful for both light and heavy users

Once it works

  • Add a year selector
  • Break activity down by repository
  • Add a day-of-week distribution chart

Suggested stack

reacttypescripttailwinddate-fnstanstack-query

External APIs

Track it