Transform your GitHub activity into a stunning visual recap
| Feature | Description |
|---|---|
| 📊 Comprehensive Stats | Total contributions, commits, pull requests, issues, and more |
| 🏆 Top Languages | Discover your most-used programming languages of the year |
| 🔥 Activity Insights | Most active repositories and contribution patterns |
| 🎨 Modern Bento Design | Beautiful dark mode with glassmorphism and smooth gradients |
| 🖼️ Image Export | Download high-quality PNG to share on social media |
| 📱 Fully Responsive | Optimized for mobile, tablet, and desktop |
| ⚡ Fast & Lightweight | Built with Vite for blazing-fast performance |
| Frontend | Backend |
|---|---|
| ⚛️ React 18 | 🟢 Node.js |
| ⚡ Vite | 🚀 Express |
| 🎨 TailwindCSS | 📡 GitHub GraphQL API |
| 🎬 Framer Motion |
- Node.js 18+ installed
- GitHub Personal Access Token (Create one here)
# Navigate to server directory
cd server
# Install dependencies
npm install
# Create environment file
echo "GITHUB_TOKEN=your_github_token_here" > .env
# Start development server
npm run dev# Navigate to client directory
cd client
# Install dependencies
npm install
# Start development server
npm run dev🎉 That's it! Open http://localhost:5173 in your browser.
github-wrapped-2025/
├── 📂 client/ # React frontend
│ ├── 📂 public/ # Static assets
│ └── 📂 src/ # Source files
│ ├── 📂 components/ # React components
│ └── 📂 pages/ # Page components
├── 📂 server/ # Express backend
│ └── 📂 routes/ # API routes
└── 📂 api/ # Vercel serverless functions
Contributions are welcome! Feel free to:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License
⭐ Star this repo if you found it helpful!