GitHub Explorer is a web application built using React, CSS, FontAwesome, and the GitHub API. It allows users to search for GitHub users by their username and view their repositories along with their star and fork counts.
- Search for GitHub users by their username.
- View the repositories of the searched user.
- Display star and fork counts for each repository.
- Interactive UI with smooth scrolling and hover effects.
- Toggleable dark theme for a better browsing experience.
- Responsive design for various screen sizes.
- React: The application is built using React, a JavaScript library for building user interfaces.
- CSS: Styling and layout are handled using CSS for a polished and visually appealing UI.
- FontAwesome: FontAwesome icons are used to enhance the visual elements of the application.
- GitHub API: The GitHub API is utilized to fetch user data and repositories for the searched username.
-
Clone the repository: git clone https://github.com/yohhannees/github-explorer.git
-
Navigate to the project directory: cd github-explorer
-
Install dependencies: npm install
-
Start the development server: npm start
-
Open the application in your browser at
http://localhost:3000
.
- Enter a GitHub username in the search bar and click the "Search" button.
- The user's repositories will be displayed, showing repository names, star counts, and fork counts.
- Click on a repository name to open it on GitHub.
- Toggle the dark theme using the theme selector.
Contributions to GitHub Explorer are welcome! To contribute, follow these steps:
-
Fork the repository.
-
Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name
-
Make your changes and commit them: git commit -m "Add your message here"
-
Push to your branch: git push origin feature/your-feature-name
-
Open a pull request on GitHub.