Skip to content

Pegasus717/github_profile_viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ GitHub Profile Finder

A sleek and responsive web app that lets you search for any GitHub user and instantly view their profile details β€” built using HTML, CSS, and JavaScript.

πŸ”— Live Demo: https://githubviewv1.netlify.app/


πŸ’‘ What I Learned

  • How to fetch data from APIs using the Fetch API.
  • Using async / await for cleaner asynchronous code.
  • Dynamically updating the DOM based on API responses.
  • Adding smooth fade animations and transitions with CSS.
  • Designing responsive layouts using CSS Grid and media queries.
  • Handling user input and showing simple error messages.

πŸ› οΈ Technologies Used

  • HTML5 – structure of the app
  • CSS3 – styling, gradients, and responsiveness
  • JavaScript (ES6) – logic, API fetch, and interactivity
  • GitHub API – for fetching user data

βš™οΈ Features

  • πŸ” Search any GitHub username
  • πŸ‘€ Displays avatar, name, and bio
  • πŸ“Š Shows repositories, followers, and following count
  • βœ‰οΈ Displays email if available
  • 🌐 Direct link to the GitHub profile
  • 🎨 Smooth fade-in and fade-out animations

🧠 Future Improvements

  • Add a section to display user repositories
  • Show top languages or pinned projects
  • Include better error handling and a loading animation

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors