🚀 GitHub Explorer - Advanced Profile Search

A powerful, feature-rich GitHub profile explorer with advanced search capabilities, analytics, trending repositories, user comparison, and more!

🌐 Live Demo

• Frontend: https://lively-moonbeam-b8ed24.netlify.app/

✨ Features

🔍 Advanced User Search (Core)

• Search any GitHub user by username
• Smart Filters:
  • Minimum followers count
  • Minimum repositories count
  • Location-based filtering
• Real-time validation against filters
• Search history tracking (last 5 searches)
• One-click quick access from history

📊 Analytics & Visualizations

• Language Distribution Chart - Doughnut chart showing top 6 programming languages used
• Repository Statistics Chart - Bar chart displaying total stars, forks, and issues
• Comprehensive user profile information:
  • Bio, location, company, and website
  • Followers, following, and repository counts
  • Top 8 most-starred repositories

🔥 Trending Repositories

• Discover trending GitHub repositories
• Filters:
  • Language selection (JavaScript, Python, Java, TypeScript, Go, Rust, C++, and more)
  • Time period (Today, This Week, This Month)
• View repository stats (stars, forks, language)
• Direct links to repositories

⚖️ User Comparison

• Compare two GitHub users side-by-side
• Automatic winner highlighting for each metric:
  • Followers count
  • Total repositories
  • Total stars across all repos
  • Total forks
• Visual comparison with avatars and detailed stats

⭐ Favorites System

• Save your favorite GitHub profiles
• Quick access to favorited users
• Persistent storage using localStorage
• Easy add/remove with star button
• Batch clear all favorites option

🎨 Theme Support

• Dark Mode (default) - Easy on the eyes
• Light Mode - Clean and professional
• Smooth transitions between themes
• Persistent theme preference
• Theme toggle button in navbar

📦 Repository Details Modal

• Click any repository for detailed information:
  • Stars, forks, watchers, and open issues
  • Primary language
  • Creation and last update dates
  • Homepage link (if available)
  • Direct link to view on GitHub

🎯 Modern UI/UX

• Responsive design for all devices
• Smooth animations and transitions
• Interactive hover effects
• Gradient backgrounds and modern color scheme
• Intuitive navigation between sections
• Clean, organized layout

---

🚀 EXTENDED ENTERPRISE FEATURES

🔎 Advanced Repository Search

• Global repository search across all of GitHub
• Advanced Filters:
  • Language filtering
  • Minimum stars threshold
  • Sort by stars, forks, updated date, or help-wanted issues
• View repository topics and licenses
• Fork detection
• Recently updated indicators
• Direct links to repository details

🏢 Organization Explorer

• Search and analyze GitHub organizations
• Organization profile with avatar and bio
• Aggregate statistics (total repos, stars, gists)
• Top Repositories - View organization's most starred projects
• Member Directory - Browse organization members with clickable profiles
• Organization metadata (location, website, email)
• One-click navigation to member profiles

📝 Gist Explorer

• Browse user's public gists
• View gist details with code preview
• File listing with syntax highlighting
• Creation and update timestamps
• Comment counts
• Public/Secret gist indicators
• File size information
• Direct access to raw gist content

📊 Batch User Analysis

• Compare up to 10 users simultaneously
• Comprehensive Metrics:
  • Total followers and following
  • Repository counts
  • Aggregate star counts
  • Total forks across all repos
  • Location and company information
• Visual Analytics:
  • Top users by stars chart
  • Top users by followers chart
• Data Export:
  • Export to JSON format
  • Export to CSV format
  • One-click download
• Sortable comparison table
• Summary statistics dashboard

📤 Export & Share Features

• Export batch analysis results
• JSON and CSV format support
• Downloadable reports
• Perfect for research and presentations

🛠️ Technologies Used

• HTML5 - Structure and semantic markup
• CSS3 - Styling with CSS Variables for theming (1600+ lines)
• JavaScript (ES6+) - Modern async/await patterns
• Axios - HTTP requests to GitHub API
• Chart.js 4.4 - Advanced data visualizations
• GitHub REST API v3 - Primary data source
• LocalStorage API - Persistent data storage
• Blob API - File export functionality

📁 Project Structure

GithubProfileSearch-Project/
│
├── index.html              # Main HTML (240+ lines, 8 sections)
├── styles.css              # Complete styling (1687 lines)
├── app.js                  # Core features (622 lines)
├── extended-features.js    # Enterprise features (670 lines)
└── README.md               # Documentation

Legacy files (can be removed):
├── script.js               # Original implementation
└── style.css               # Original styles

🚀 Getting Started

Installation

1. Clone or download this repository

   git clone <repository-url>
   cd GithubProfileSearch-Project

2. Open in browser

   • Simply open index.html in any modern web browser
   • No build process or server required!

Usage

Search for Users

1. Navigate to the Home section
2. Enter a GitHub username in the search box
3. (Optional) Click "⚙️ Filters" to set advanced criteria
4. Press Enter or click outside to search
5. View comprehensive profile data with charts

Explore Trending Repos

1. Navigate to the Trending section
2. Select a programming language (or leave as "All Languages")
3. Choose a time period (Today, This Week, This Month)
4. Click "Load Trending" to see hot repositories

Compare Users

1. Navigate to the Compare section
2. Enter two GitHub usernames
3. Click "Compare" to see side-by-side statistics
4. Winners are automatically highlighted in purple

Manage Favorites

1. When viewing a user profile, click the ⭐ button
2. Navigate to the Favorites section to see all saved profiles
3. Click "View" to quickly search a favorited user
4. Click "Remove" to unfavorite
5. Use "Clear All" to remove all favorites

Switch Themes

• Click the sun/moon icon in the navbar to toggle between dark and light modes

🎨 Color Scheme

Dark Theme

• Background: #2a2a72 (Deep Blue)
• Cards: #4c2885 (Purple)
• Accent: #b794f6 (Light Purple)
• Text: White/Light Gray

Light Theme

• Background: #f5f7fa (Light Gray)
• Cards: #ffffff (White)
• Accent: #6c5ce7 (Purple)
• Text: Dark Gray/Black

📊 API Rate Limits

The GitHub API has rate limits:

• Unauthenticated requests: 60 requests per hour
• Authenticated requests: 5,000 requests per hour

To increase your rate limit, you can add authentication to the axios calls.

🔮 Future Enhancements

Potential features for future versions:

• GitHub authentication for higher API limits
• Export comparison results as PDF/image
• Repository contribution graphs
• Follow/unfollow users directly
• Advanced search with multiple filters
• Contribution calendar visualization
• Organization profile support
• Gist explorer
• Pull request and issue tracking
• Notification system for favorite users' activity

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork the project
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

📝 License

This project is open source and available under the MIT License.

🙏 Acknowledgments

• GitHub API for providing comprehensive data
• Chart.js for beautiful visualizations
• Axios for simplified HTTP requests
• Google Fonts (Poppins) for typography

---

Note: This application uses the public GitHub API and does not store any personal data on external servers. All favorites and history are stored locally in your browser.

---

Happy Exploring! 🚀