Unlock in-depth GitHub profiles with a single search!
A modern, responsive web app that fetches real-time GitHub user data, top repositories, followers, recent activity, and contribution graphs with dark/light theme support.
- Glassmorphism UI: Transparent cards with
backdrop-filter: blur(). - Gradient background: Elegant linear-gradient (
#c850c0 → #4158d0). - Dark/Light theme toggle: Smooth transition using CSS variables.
- Animations: Fade-in for profile cards; hover scale effects for buttons and icons.
- Fully responsive: Optimized for mobile, tablet, and desktop.
- Dynamic GitHub user profile rendering.
- Top 5 repositories sorted by stars with clickable links.
- Followers avatars (up to 5).
- Recent public events (last 3).
- Contribution graph via ghchart.
- GitHub icon dynamically links to user’s GitHub profile.
- Press Enter to search.
- Input validation (no empty username).
- Handles 404 errors (user not found).
- Smooth, modern UI interactions.
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- APIs: GitHub REST API
- Libraries/Tools: Font Awesome (GitHub icon)
- Design: Glassmorphism, CSS animations, responsive design
- Clone the repository:
git clone https://github.com/yourusername/github-profile-explorer.git- Navigate to project folder:
cd github-profile-explorer- Open index.html in browser — no backend required.
- Enter a GitHub username in the search bar.
- Click Search or press Enter.
- The app fetches:
- User profile info
- Top 5 repositories
- Followers
- Recent public events
- Profile card displays dynamically with GitHub link, contribution graph, and more.
- GitHub REST API for profile data.
- ghchart.rshah.org for contribution graphs.
- Font Awesome for icons.
- Email: amny0843@gmail.com
- GitHub: Raghunandan