Skip to content

A web application that allows users to fetch and view GitHub profiles by searching for a GitHub username. It provides information such as the user's avatar, bio, followers, following, and repositories.

License

Notifications You must be signed in to change notification settings

shivlalsharma/github-profile-fetcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub Profile Fetcher

Overview

GitHub Profile Fetcher is a web application that allows users to search and display GitHub profiles based on a username. It fetches and shows the user's details such as their avatar, bio, followers, following, repositories, and more. The app also handles invalid or missing GitHub profiles with appropriate error messages.


Deployment

This GitHub Profile Fetcher is live and accessible online. You can try it out here: Fetch Github Profile


Features

  • Search for any GitHub user by their username.
  • Displays user profile details, including:
    • Avatar
    • Name
    • Bio
    • Followers count
    • Following count
    • Public repositories count
  • Displays repositories (up to 10) for the user.
  • Handles errors gracefully, such as invalid usernames or unavailable profiles.
  • Shows a loading indicator while fetching data.
  • Responsive design that adapts to different screen sizes.

Technologies Used

  • HTML for the structure of the webpage.
  • CSS for styling and responsive design.
  • JavaScript for interacting with the GitHub API to fetch user data.
  • GitHub API for fetching user profile data and repositories.

How It Works

  1. User Input: The user enters a GitHub username in the search bar.
  2. Fetching Profile Data: Upon submitting the form, the app sends a request to the GitHub API to fetch the profile data.
  3. Displaying Profile: Once the data is fetched successfully, it is displayed on the page, showing the user's avatar, bio, and other details.
  4. Repositories: The app also fetches and displays up to 10 repositories of the user.
  5. Error Handling: If the username is invalid or no data is found, an error message is shown to the user.

Installation

follow these steps to run the GitHub Profile Fetcher locally:

  1. Clone the repository:

    git clone https://github.com/shivlalsharma/github-profile-fetcher.git
    cd github-profile-fetcher
  2. Open the index.html file in your browser.

    Alternatively, you can set up a local server (e.g., using VS Code Live Server) to view the project in your browser.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Created and deployed by Shivlal Sharma.

About

A web application that allows users to fetch and view GitHub profiles by searching for a GitHub username. It provides information such as the user's avatar, bio, followers, following, and repositories.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published