This is a simple web application that allows users to search for GitHub profiles and view detailed information about the user, including their repositories, followers, and more.
- Search GitHub Users: Enter a GitHub username to fetch and display the user's profile details.
- User Information: View the user's avatar, bio, follower count, following count, and public repositories.
- Repository List: Display the user's top 10 repositories, sorted by the number of stars.
- HTML5: Markup language for structuring the application.
- CSS3: Styling the application.
- JavaScript (ES6+): Logic and interaction handling, including API calls and dynamic content rendering.
- GitHub API: Source of all user data used in the application.
- A modern web browser with JavaScript enabled.
-
Clone the repository:
git clone https://github.com/your-username/github-user-search-app.git cd github-user-search-app
Open the index.html file in your web browser to view the application. Project Structure index.html: The main entry point for the application. style.css: Contains all the CSS styles for the application. main.js: JavaScript file responsible for fetching data from the GitHub API and rendering user content.
How to Use
Search for a User: Use the search bar to enter a GitHub username. Press "Enter" or click the search button to fetch the user's details.
View User Details:
The user's avatar, name, bio, and other information will be displayed. Scroll down to view the user's top 10 repositories.
Error Handling If the user does not exist, a message saying "User not found" will be displayed in the application.
Contributing If you'd like to contribute to this project, please follow these steps:
Fork the repository.
Create a new branch with a descriptive name (e.g., feature-branch). Make your changes and commit them (git commit -am 'Add new feature'). Push your changes to your branch (git push origin feature-branch). Submit a pull request.
Acknowledgements GitHub API: This project uses the GitHub API to fetch user data. FontAwesome: Icons used in the application. Unsplash: Placeholder images for users without an avatar.