This Github Repository Navigator is a web application built with Vue + Vite that fetches and displays information from my GitHub profile using GitHub's API. It showcases a user's GitHub repositories with features such as pagination, search, and filtering. It also includes detailed views for individual repositories, an error boundary example, a 404 page, and advanced CRUD operations on repositories.
- List Repositories: Display all GitHub repositories with pagination.
- Search and Filter: Ability to search and filter through the repositories.
- Repository Details: View detailed information for a specific repository.
- Error Handling: Custom error boundary to catch JavaScript errors anywhere in the child component tree.
- 404 Page: Custom page to handle non-existent routes.
- Responsive UI: Implements good layout and design with accessibility considerations.
- CRUD Operations: Create, update, and delete repositories directly through the UI.
- Repository Management: Modal for creating new repositories, and options to update and delete repositories.
- Vue: For building the user interface.
- Vue Router: For handling routing.
- Axios: For making API requests.
- Chakra UI: As the UI library for faster and accessible development.
- GitHub API: To fetch repository data.
- When you start the application, it displays a list of repositories retrieved from your GitHub account.
- You can use the search field to narrow down repositories by their names.
- By selecting a repository name, you can access more detailed information about it.
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
This project was developed by Favour Omirin as the Third Semester First Assignment at AltSchool Africa School of Engineering.
This project is licensed under the MIT License. See the LICENSE file for details. # Github_Repository_Navigator