https://github.com/cemwebdev/github-user-search

https://github.com/cemwebdev/github-user-search

api api-integration api-rest css3 frontend github-api github-user-search hmtl5 javascript javascript-module moduler-pattern responsive-web-design search-functionality ux-ui vanilla-javascript

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/cemwebdev/github-user-search
• Owner: CemWebDev
• Created: 2024-08-16T19:43:07.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-17T17:10:41.000Z (4 months ago)
• Last Synced: 2024-08-26T09:07:57.238Z (4 months ago)
• Topics: api, api-integration, api-rest, css3, frontend, github-api, github-user-search, hmtl5, javascript, javascript-module, moduler-pattern, responsive-web-design, search-functionality, ux-ui, vanilla-javascript
• Language: CSS
• Homepage: https://66cc26040c815feeb987947c--sweet-bubblegum-089c2d.netlify.app/
• Size: 227 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# github-user-search

## Overview

This github user application allows users to search for Github profiles and view their details using GitHub API. The application provides an interface to enter a username an fetch information about that user, including their profile picture, login name, public repositories, followers, and following count.

## Features

- **Search Functionality**: Allows users to search for GitHub profiles by entering a username.

- **Profile Display**: Shows the user's avatar, login name, public repositories count, followers count, and following count.

- **Error Handling**: Displays appropriate error messages if the user is not found or if the input is invalid.

- **HTML**: For the structure of the web page.

- **CSS**: For styling the application.

- **JavaScript**: For handling user interactions and fetching data from the GitHub API.

- **GitHub API**: To retrieve user data.

### Prerequisites

- A modern web browser (e.g., Chrome, Firefox)

- A code editor (e.g., Visual Studio Code)

- Basic knowledge of HTML, CSS, and JavaScript

### Installation

1. **Clone the Repository**

```bash

git clone https://github.com/yourusername/github-user-search-app.git

```

## Usage

- Open the Application

- Open index.html in your web browser.

- Search for a GitHub User

- Enter a GitHub username in the input field and click the "Search" button.

- View User Details

- If the user exists, their profile information will be displayed. If the user is not found or an error occurs, an appropriate message will be shown.

## Example