A modern GitHub profile viewer that fetches real user data and repositories using the GitHub REST API, reimagined with a futuristic glassmorphic UI ✨
Experience a next-gen GitHub look — minimal, interactive, and responsive.
🔗 Live Preview: Guthib.surge.sh
💻 Tech Stack: HTML • CSS • JavaScript • GitHub API
✅ Fetch any GitHub user's real-time profile data
✅ Displays user avatar, name, bio, followers, and repositories
✅ Interactive repo cards with hover animations
✅ Fully responsive and futuristic glassmorphism design
✅ API error handling for invalid usernames
✅ Built with pure front-end — no frameworks needed
A glimpse of the futuristic UI...
- Enter any GitHub username in the search bar
- The app calls the official GitHub REST API
- Displays the user’s profile info and latest repositories instantly
| Technology | Purpose |
|---|---|
| HTML5 | Structure and layout |
| CSS3 | Glassmorphism + modern UI |
| JavaScript (ES6) | Fetch API + logic handling |
| GitHub REST API | Live data integration |
🚧 Planned features for upcoming versions:
- 🌙 Dark / Light mode toggle
- 📊 Repository stats (stars, forks, language)
- 🧠 Search history storage
- 🔄 Lazy loading for large repo lists
Menula De Silva
🌍 Developer | Designer | Student at St. Aloysius College, Ratnapura
🔗 Portfolio Website
🐙 GitHub Profile
💼 LinkedIn
If you like this project, please consider giving it a ⭐ star — it helps more people discover it!
“Small projects make big portfolios.” — Menula De Silva