GitHub Profile Generator is a web-based tool that takes any GitHub username as input and instantly renders a polished, structured developer profile card. It pulls real-time data directly from the GitHub REST API — no backend, no database, just clean frontend execution.
- 🔍 Search any GitHub user by username
- 👤 Displays avatar, name, bio, and location
- 📊 Shows public repos, followers, and following count
- 🔗 Direct link to the user's GitHub profile
- ⚡ Real-time API fetch with loading state
- ❌ Handles invalid usernames with clean error UI
- 📱 Fully responsive design
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 | Styling & Layout |
| JavaScript (Vanilla) | Logic & API Calls |
| GitHub REST API v3 | Live Data Source |
git clone https://github.com/your-username/github-profile-generator.gitcd github-profile-generatorJust open index.html in your browser — no setup, no dependencies, no build tools needed.
open index.htmlgithub-profile-generator/
├── index.html # Main HTML structure
├── style.css # All styling
├── script.js # API logic & DOM manipulation
└── readme.md # You are here
This project uses the GitHub REST API v3:
GET https://api.github.com/users/{username}
No API key required for basic usage. Rate limit: 60 requests/hour for unauthenticated requests.
(Add a screenshot of your project here)
Backend Architect
- GitHub: @Harkiratcodess
- LinkedIn: Harkirat singh
This project is open source and available under the MIT License.
"True performance is built from the invisible out."