A powerful Next.js application that generates beautiful, interactive GitHub statistics dashboards for organizations and personal repositories.

6 Degrees Github Stats

• Comprehensive Statistics

  • Repository metrics (stars, forks, issues)
  • Code analysis (languages, lines of code)
  • Contribution insights
  • Development time estimates

• Interactive Dashboard

  • Dark/light theme support
  • Responsive design
  • Real-time data updates
  • Filterable repository list

• Advanced Visualization

  • Language distribution charts
  • Activity timelines
  • Contributor networks
  • Performance metrics

1. Clone the repository

git clone https://github.com/yourusername/github_stats.git
cd github_stats

2. Install dependencies

pnpm install

3. Set up environment variables

Create a .env file in the root directory:

GH_TOKEN=your_github_personal_access_token

4. Run the development server

pnpm dev

Open http://localhost:3000 to view your dashboard.

• Next.js 14 - React framework
• React 18 - UI library
• Chart.js - Data visualization
• Radix UI - UI components
• Tailwind CSS - Styling
• GitHub API - Data source

This application is configured for easy deployment to GitHub Pages using GitHub Actions. The static export ensures optimal performance and reliability.

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• GitHub API for providing the data
• The amazing open-source community
• All contributors who help improve this project

Main Statistics

Repos with Homepages

Repos Cards

Built with ❤️ for the GitHub community