Github Wrapped banner

Github Wrapped

5 devlogs
14h 59m 8s

A beautiful, interactive web app that generates a Spotify Wrapped-style visualization of your GitHub activity.

Enter any GitHub username in the input field
Click “Generate My Wrapped”
Navigate through the beautiful slides using:
Arrow button…

A beautiful, interactive web app that generates a Spotify Wrapped-style visualization of your GitHub activity.

Enter any GitHub username in the input field
Click “Generate My Wrapped”
Navigate through the beautiful slides using:
Arrow buttons at the bottom
Keyboard arrow keys (← →)
Dot indicators
Download any slide as an image using the “Save Image” button
Share your results on social media!

What learnt:
React - UI framework
Vite - Build tool and dev server
Tailwind CSS - Styling
Framer Motion - Animations
html2canvas - Screenshot functionality
GitHub API - Data source

Demo Repository

Loading README...

rajnish.m.a.020102

Shipped this project!

Hours: 0.3
Cookies: 🍪 4
Multiplier: 12.3 cookies/hr

A beautiful, interactive web app that generates a Spotify Wrapped-style visualization of your GitHub activity.

Enter any GitHub username in the input field
Click “Generate My Wrapped 🎉”
Navigate through the beautiful slides using:
Arrow buttons at the bottom
Keyboard arrow keys (← →)
Dot indicators
Download any slide as an image using the “📸 Save Image” button
Share your results on social media!

rajnish.m.a.020102

Shipped this project!

Hours: 1.14
Cookies: 🍪 2
Multiplier: 1.5 cookies/hr

A beautiful, interactive web app that generates a Spotify Wrapped-style visualization of your GitHub activity.

Enter any GitHub username in the input field
Click “Generate My Wrapped”
Navigate through the beautiful slides using:
Arrow buttons at the bottom
Keyboard arrow keys (← →)
Dot indicators
Download any slide as an image using the “Save Image” button
Share your results on social media!

What learnt:
React - UI framework
Vite - Build tool and dev server
Tailwind CSS - Styling
Framer Motion - Animations
html2canvas - Screenshot functionality
GitHub API - Data source