GitHub Repositories Viewer is a user-friendly web application designed to help users explore GitHub repositories effortlessly. Whether you want to discover a user's repositories, search for specific projects, or customize the display based on your preferences, this application has you covered.
- Enter a valid GitHub username to fetch and display detailed user information.
- The user's avatar, username, location (if available), and bio are presented in an aesthetically pleasing format.
- Fetch and display a paginated list of the user's repositories.
- Each repository card includes key details such as the repository name, description (if available), and additional information like topics and programming language.
- Responsive design ensures optimal viewing on various screen sizes.
- Implementing pagination allows seamless navigation through different pages of repositories.
- Customize the number of repositories displayed per page using a dropdown menu for a personalized viewing experience.
- Search for specific repositories by entering a repository name in the search input field.
- Dynamically update the displayed repositories based on your search query.
- The application is designed to be responsive, providing a seamless experience on desktops and mobile devices.
- User information and repository cards adapt to different screen widths for optimal viewing.
- A loading spinner provides visual feedback while fetching data from the GitHub API.
- Ensures a smooth and responsive experience during data retrieval.
- Open the application in a web browser.
- Enter a valid GitHub username in the designated input field.
- Click the "Get Repositories" button to fetch and display the user's information and repositories.
- Optionally, use the repository search input to filter repositories by name.
- Customize the number of repositories displayed per page using the dropdown menu.
- Navigate through different pages of repositories using the pagination controls.
- HTML
- CSS
- JavaScript
- Bootstrap 4
- Font Awesome
- GitHub API
- Clone the repository to your local machine.
- Open the index.html file in a web browser.
- This application utilizes the GitHub API to retrieve user and repository information.
- Bootstrap and Font Awesome are used for styling and icons.