GitMetrics - GitHub Analytics Platform

GitMetrics is a modern analytics platform that provides comprehensive insights into GitHub profiles and repositories. Powered by Next.js and Tailwind CSS, it offers beautiful visualizations and detailed metrics to help you track GitHub activity.

🚀 Features

• User Profile Analytics: Get detailed insights for any GitHub profile
• Repository Metrics: Track stars, forks, issues, and pull requests
• Language Distribution: Visual breakdown of programming languages used
• Contribution History: Track contributions over time with yearly filters
• Activity Timeline: Visualize commits, PRs, issues, and reviews
• Dark & Light Mode: Full support for both themes

📊 Dashboard Metrics

• Profile Overview: User information, follower stats, and social links
• Contribution Calendar: Heatmap of activity throughout the year
• Repository Analysis: Performance metrics for each repository
• Language Distribution: Breakdown of languages across repositories
• Year-by-Year Comparison: Track progress over different time periods

🔧 Tech Stack

• Frontend: Next.js, React, TypeScript
• Styling: Tailwind CSS, Radix UI for components
• Data Visualization: Recharts for beautiful, responsive charts
• Authentication: GitHub OAuth (coming soon)
• API Integration: GitHub REST API
• Deployment: Vercel

🛠️ Getting Started

Prerequisites

• Node.js 16.8 or later
• npm or yarn or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/hari7261/gitmetrics.git
   cd gitmetrics

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open http://localhost:3000 in your browser to see the app.

🌐 Deployment

The easiest way to deploy your GitMetrics application is through Vercel, the platform built by the creators of Next.js.

1. Push your code to a GitHub repository.
2. Import your project into Vercel.
3. Vercel will automatically detect Next.js and deploy your application.

🧪 Usage Examples

1. Looking up a profile:

   • Enter a GitHub username in the search bar on the homepage.
   • View comprehensive analytics for that user.

2. Analyzing repository performance:

   • Navigate to a user's dashboard to view their top repositories.
   • See metrics including stars, forks, and watchers for each repository.

3. Checking contribution history:

   • Use the year selector to view stats from different time periods.
   • Compare contribution patterns across years.

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve GitMetrics.

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

📄 License

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

📧 Contact

• Developer: hari7261
• Project Link: https://github.com/hari7261/gitmetrics

🙏 Acknowledgments

• GitHub API for providing the data
• Next.js for the React framework
• Tailwind CSS for styling
• Recharts for beautiful charts
• Radix UI for accessible components