GitHub Wrapped 2025
A visual summary of your GitHub activity—stats, highlights, and personality, presented as a shareable poster.
Overview
GitHub Wrapped 2025 is a web application that generates a personalized, 'Spotify Wrapped' style poster summarizing a user's GitHub activity over the past year. It fetches public data via the GitHub API and a contributions API to visualize metrics like total contributions, longest streak, top language, stars earned, and most active month. Users can choose from different templates and customize colors before exporting their 'Wrapped' as a PNG image, ready to be shared on social media.
My Role
Full Stack Developer
Team Size
Solo
Tech Stack
Problem
GitHub profiles and contribution graphs show data, but don't offer a visually engaging, shareable summary of a user's year in code, similar to what Spotify Wrapped does for music.
Solution
This project provides a simple web interface where users can enter a GitHub username and generate a beautiful, customizable poster highlighting their key coding statistics and achievements from the past year.
Key Features
- 1Real-time GitHub Data Fetching (Contributions, Streak, Stars, Top Language)
- 2Three Poster Templates (Editorial, Neon, Minimal)
- 3Custom Color Gradient Controls
- 4High-Resolution PNG Export (1080×1350 Instagram-ready)
- 5Pre-written Social Media Captions
- 6Personality Badges Based on Activity (Architect, Builder, Curator, Grinder)
- 7API Response Caching via localStorage
Challenges & Learnings
Challenges: Fetching and aggregating data from multiple GitHub API endpoints, accurately calculating contribution streaks and longest breaks, and creating visually premium poster templates with real-time color customization using pure CSS and Vanilla JavaScript.
Learnings: Deepened understanding of working with public APIs (GitHub), client-side data fetching/caching strategies, dynamic DOM manipulation for export-ready content, and creating a polished, premium UI/UX without frameworks.
Result
A fun and engaging tool for developers to visualize and share their coding journey. The application demonstrates clean, framework-free web development with glassmorphism aesthetics and smooth animations.