Git Wrapped is a web application that provides a beautiful visualization of your GitHub contributions throughout the year. Similar to Spotify Wrapped, it generates an elegant and minimal dashboard showcasing your coding activity, making it easy to reflect on your development journey 🚀.
- Beautiful, minimal contribution visualization
- Daily and cumulative contribution graphs
- ASCII art visualization of activity
- Quick statistics overview
- Profile information display
- Easy sharing capabilities
- Clean, monochromatic design
# Frontend
- Next.js as the main framework
- Tailwind CSS for styling
- Recharts for data visualization
- Lucide React for icons
- HTML2Canvas for screenshot generation
# API Integration
- GitHub REST API for user data
- GitHub GraphQL API for detailed contribution data# Core Components
- ContributionDashboard: Main visualization component
- AsciiGraph: ASCII representation of contributions
- Profile Section: User information display
# Data Processing
- Contribution data normalization
- Date-based aggregation
- Statistical calculationsThe project emphasizes minimalism and clarity:
- Monochromatic color scheme
- Clean, spacious layouts
- Focus on data visualization
- Subtle animations and interactions
- Responsive design across devices
- Clone the repository
- Install dependencies:
npm install
- Configure GitHub API credentials
- Run the development server:
npm run dev
|
fal3n-4ngel |
MIT License - feel free to use and modify for your own projects!
- Thanks to GitHub for providing the API
- Inspired by Spotify Wrapped
- Built with ❤️ using Next.js and Tailwind CSS