GitHub Repo Explorer is a web application that allows users to search for GitHub repositories by keyword and filter by programming language. It displays basic information about each repository and provides a link to visit the repository on GitHub. The application also includes features like pagination, a loading indicator, and error handling for an enhanced user experience.
- Search for GitHub repositories by keyword
- Filter results by programming language
- Display repository details including name, description, owner, stars, and forks
- Visit the repository on GitHub
- Pagination to navigate through search results
- Loading indicator while fetching data
- Error handling for failed API requests
Link to Live Demo (Add link to your live demo if hosted online)
(Add screenshot of your application)
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
You will need a modern web browser and an internet connection to run this application.
- Clone the repository:
git clone https://github.com/ShadBalti/GRE.git
- Navigate to the project directory:
cd repo-explorer
- Open
index.html
in your web browser. - Enter a search keyword and select a language (or leave it as "All Languages").
- Click the "Search" button to see the results.
- HTML
- CSS
- JavaScript
- Bootstrap - for responsive design
- GitHub API - to fetch repository data
The index.html
file contains the structure of the application, including the search bar, loading indicator, results area, and pagination controls.
The style.css
file provides custom styling for the application, including styles for the repository cards and pagination buttons. Bootstrap is used for overall styling and responsive design.
The script.js
file contains the logic for fetching data from the GitHub API, displaying results, handling pagination, showing a loading indicator, and managing errors.
Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or bug fixes.
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature-branch
). - Open a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- GitHub API for providing the data
- Bootstrap for the design framework