GitHub Committers is a responsive web application that displays the most active GitHub users worldwide, ranked by commits, contributions, or overall activity. The frontend is built with React and TypeScript, using Redux Toolkit Query for data fetching and state management.

🛠 Tech Stack

Frontend

State Management

Tools & Platforms

🚀Features

• 📊 View rankings of top active GitHub users worldwide
• 🔄 Switch between Commits, Contributions, and All tabs
• 🔍 Search users by username
• 🖼 View user details and avatars
• ⚡ Data updates dynamically with loading indicators
• 🌙 Toggle dark/light mode
• 🔔 Toast notifications for user interactions
• 🌍 Global leaderboard showcasing developers from around the world

Quick Start

Prerequisites

• Node.js 18+
• pnpm or npm
• GitHub Personal Access Token (optional)

📥 Setup and Installation

Frontend

1. Navigate to the project directory:

   cd committerstop-tj

2. Install the required npm packages:

   pnpm install

3. Start the development server:

   pnpm dev

📡 Data Fetching

• Committers Data
  Scraped live from committers.top using Redux Toolkit Query.
  Fetches HTML via https://api.allorigins.win/raw?url=... to bypass CORS and parses it to extract rankings of global developers.

• GitHub User Details
  Pulled directly from the GitHub REST API.
  Uses an optional VITE_GITHUB_TOKEN to increase API rate limits.

🤝 Contributing

If you have any ideas, suggestions, or improvements, feel free to contribute by opening issues or submitting pull requests. Your help is always welcome!

License

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

Support