GitSnap

A modern GitHub analytics dashboard that transforms GitHub profiles into interactive, data-driven insights using React, TypeScript, and Three.js.

Features

• Real-time GitHub profile analytics
• Interactive contribution heatmap
• Tech stack & language insights
• Open-source contribution analysis
• Weekday vs. weekend activity visualization
• Immersive WebGL backgrounds with Three.js
• Responsive, modern UI

---

Tech Stack

• Frontend: React 19, TypeScript, Vite
• Styling: Tailwind CSS 4
• Visualization: Recharts, Custom SVG
• Graphics: Three.js, GLSL Shaders
• Validation: Zod
• Icons: Lucide React

---

Getting Started

Clone the repository

git clone https://github.com/your-username/gitsnap.git
cd gitsnap

Install dependencies

# Bun (recommended)
bun install

# or npm
npm install

Run locally

bun run dev

# or
npm run dev

Production build

bun run build

# or
npm run build

---

Project Structure

src/
├── components/   # UI components & charts
├── hooks/        # Custom React hooks
├── lib/          # Utilities & data processing
├── routes/       # Application pages
└── assets/       # Static assets

---

Highlights

• Custom SVG-based GitHub visualizations
• Recruiter-friendly developer insights
• Beautiful WebGL-powered backgrounds
• Fast, responsive, and fully type-safe

---

License

Licensed under the MIT License.