Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Git Wrapped is a web application that provides a beautiful visualization of your GitHub contributions.

fal3n-4ngel/git-wrapped24

Repository files navigation

Git Wrapped 24

What is Git Wrapped?

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 🚀.

Features

  • 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

Technical Stack

# 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

Component Structure

# 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 calculations

Design Philosophy

The project emphasizes minimalism and clarity:

  • Monochromatic color scheme
  • Clean, spacious layouts
  • Focus on data visualization
  • Subtle animations and interactions
  • Responsive design across devices

Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install
  3. Configure GitHub API credentials
  4. Run the development server:
    npm run dev

Contributors

fal3n-4ngel
fal3n-4ngel

License

MIT License - feel free to use and modify for your own projects!

Acknowledgments

  • Thanks to GitHub for providing the API
  • Inspired by Spotify Wrapped
  • Built with ❤️ using Next.js and Tailwind CSS

About

Git Wrapped is a web application that provides a beautiful visualization of your GitHub contributions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published