A beautiful React application to track and manage your GitHub following and followers lists using the GitHub REST API with CSV export functionality.
- Complete Following & Followers Lists: Fetches all GitHub accounts you're following and your followers with pagination
- Detailed User Info: Shows username, display name, bio, and statistics
- CSV Export: Download your following and followers data as CSV files for analysis
- Real-time Search: Filter users by username, display name, or bio
- Rate Limit Monitoring: Displays current API rate limit status
- Responsive Design: Works perfectly on desktop and mobile devices
- Error Handling: Comprehensive error handling for API failures
- Primary:
GET /user/following- Gets the list of users you're following - Secondary:
GET /user/followers- Gets the list of your followers - Detail:
GET /users/{username}- Gets detailed user information - Rate Limit:
GET /rate_limit- Monitors API usage
The CSV export includes comprehensive user data:
- Username and Display Name
- Bio and Profile Information
- Account Statistics (repos, followers, following)
- Profile URLs and Avatar URLs
- Account metadata (creation date, location, company, etc.)
- Hireable status and contact information
File Format: username-github-following-YYYY-MM-DD.csv or username-github-followers-YYYY-MM-DD.csv
- Go to GitHub Settings → Developer settings → Personal access tokens
- Click "Generate new token (classic)"
- Give it a descriptive name like "Following Tracker"
- Select the
userscope (required to access your following list) - Click "Generate token"
- Copy the token immediately (you won't be able to see it again)
- Rate Limits: 5,000 requests per hour for authenticated requests
- Pagination: GitHub returns max 100 users per request
- Permissions: Requires
userscope to access your following list - Data Freshness: Results are real-time from GitHub's API
{
"login": "octocat",
"name": "The Octocat",
"bio": "GitHub's mascot and Git guru",
"avatar_url": "https://github.com/images/error/octocat_happy.gif",
"html_url": "https://github.com/octocat",
"public_repos": 8,
"followers": 4000,
"following": 9
}- Enter your GitHub Personal Access Token
- Switch between Following and Followers tabs
- View complete user lists with detailed information
- Search and filter users by name or bio
- Download data as CSV files for analysis
- Click on external link icons to visit user profiles
- Monitor your API rate limit in the header
The application handles common issues:
- Invalid Token: Clear error message with setup instructions
- Rate Limit Exceeded: Shows current limit status
- Network Errors: Graceful fallback with retry options
- Missing User Data: Handles cases where user details can't be fetched
Built with:
- React 18 + TypeScript
- Tailwind CSS for styling
- Lucide React for icons
- GitHub REST API v3
- CSV export functionality
The application is fully typed and includes comprehensive error handling for production use.