Skip to content

ashish8112/github-profile-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

GitHub Profile Viewer

A vanilla JavaScript project that fetches and displays live GitHub user data using the GitHub REST API.

🔗 Demo

View Live

💡 About

Enter any GitHub username and instantly see their profile card — avatar, name, and followers count. Built with zero frameworks — pure HTML, CSS and JavaScript.

✨ Features

  • Fetches live data from GitHub REST API
  • Displays avatar, name and followers dynamically
  • DOM manipulation — creates elements programmatically
  • Input validation — empty input alert
  • Error handling — invalid username detection
  • API rate limit exceeded — user-friendly alert

🛠️ Tech Used

HTML | CSS | JavaScript | XMLHttpRequest (XHR) | GitHub REST API

📖 What I Learned

  • How to make API calls using XMLHttpRequest
  • DOM creation and manipulation with JavaScript
  • Event handling with addEventListener
  • JSON parsing with JSON.parse()
  • readyState and onreadystatechange in XHR

⚙️ Run Locally

# Just open index.html in browser — no setup needed 

👨‍💻 Developer

Ashish Kumar Shukla
MCA Student — Kristu Jayanti University, Bengaluru

About

Fetches live GitHub user data using GitHub REST API and XMLHttpRequest (XHR). Displays user avatar, name and followers dynamically using DOM manipulation. Includes input validation, API rate limit handling and error handling for invalid usernames. Built with vanilla JavaScript — no frameworks used.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors