Skip to content

README.md

Latest commit

 

History

History
85 lines (63 loc) · 2.55 KB

README.md

File metadata and controls

85 lines (63 loc) · 2.55 KB

🐙 GitHub Wrapped — Your Year in Code

Spotify Wrapped, but for developers. Enter any GitHub username and get a beautiful, animated year-in-review.

Live Demo Stars License: MIT

✨ What You Get

Card What It Shows
🎁 Welcome Profile photo, bio, intro animation
📊 The Numbers Total repos, stars, forks, followers, new repos
💻 Top Languages Language breakdown with animated bars + colors
⏰ Coding Rhythm Peak hour, day-of-week activity chart, night owl detection
🏆 Star Project Most starred repo with full stats
🧬 Personality Developer type based on your activity pattern
📋 Summary Shareable stats card with all highlights

🎮 How It Works

  1. Enter any GitHub username
  2. Tap through animated story cards (like Instagram Stories)
  3. See your stats come alive with counters, charts, and transitions
  4. Share your results!

No API keys. No login. No data stored. Uses GitHub's public REST API.

🚀 Quick Start

git clone https://github.com/masteranime/github-wrapped.git
cd github-wrapped
npm install
npm run dev

Open http://localhost:5173

📦 Deploy

npm run build
npx vercel

🛠 Tech Stack

Layer Tech
Framework React 18
Build Vite 5
API GitHub REST API (no auth)
Fonts Space Grotesk + DM Sans
Animations Pure CSS + JS counters
Hosting Vercel (free)

🤝 Contributing

PRs welcome! Ideas for new cards:

  • Contribution heatmap calendar
  • "Your code could fill X books" metric
  • Comparison with average GitHub user
  • Download as image
  • Share to Twitter/LinkedIn button

📝 License

MIT © Muhammad_Shaheer

⭐ Star this repo and share your Wrapped!
Try it → enter your username → screenshot → post on LinkedIn/Twitter