Discover and explore GitHub users in style — a modern, intuitive web app built with HTML, CSS, and JavaScript.
- 🔎 Lightning-fast Search: Instantly look up any GitHub user—just enter a username and go!
- 👤 Beautiful Profile Cards: See avatar, name, username, bio, location, and key GitHub stats at a glance.
- 📦 Repository Gallery: View up to 6 recent repositories with language, stars, and descriptions—styled for readability.
- 🌐 One-click Links: Jump straight to the user's GitHub profile, personal site, or email.
- 🖥️ Responsive Design: Looks stunning on desktop and mobile.
- ⚡ No Setup Needed: Pure HTML/CSS/JS—just open and use!
- Any modern browser (Chrome, Edge, Firefox, Safari, etc.)
- No backend, build step, or account required
git clone https://github.com/ritiksingh-01/GitHub-Profile-Viewer.git
cd GitHub-Profile-Viewer- Open
index.htmlin your browser. - Enter a GitHub username (e.g.,
ritiksingh-01) and hit Search. - Enjoy exploring public profiles and repositories!
├── index.html # Main HTML file (app & homepage)
├── styles.css # All custom styling and responsive design
├── script.js # Core logic for fetching and displaying data
├── homepage.png # Homepage screenshot for this README
- HTML5
- CSS3 (custom responsive CSS, no frameworks)
- JavaScript (vanilla, no dependencies)
- Font Awesome for icons
- GitHub REST API
- Search for any username.
- Profile & stats are fetched live from GitHub.
- Recent repositories are displayed with relevant info.
- App handles loading, errors, and empty states with style.
All contributions are welcome!
Feel free to fork, submit PRs, or open issues.
# 1. Fork the repo and create your branch:
git checkout -b feature/your-feature-name
# 2. Commit your changes:
git commit -m 'Add your feature'
# 3. Push to your branch:
git push origin feature/your-feature-nameThen, open a pull request 🚀
Created by Ritik Singh • Powered by the GitHub API
