This application is designed to consume the GitHub API, fetching repositories and their relevant details, while giving users the ability to navigate through my github repository data using pagination and dynamic routing.
This project was crucial in putting my React skills together as I was just learning the technology. I also pushed myself to implement concepts like React Query, pagination, and dynamic routing within a single app, which greatly enhanced my understanding of building modern web applications with React JS.
Features at a Glance 🔎
- Repository Listing: Retrieves and displays repositories from GitHub using the GitHub API.
- Pagination: React Paginate is used to display 6 repositories per page, enabling users to navigate through the list efficiently.
- Efficient Data Fetching: The application uses React Query for API data fetching, ensuring efficient and real-time updates without the need for manual refresh.
- SEO Optimization:Integrated React Helmet Async to manage metadata and improve SEO.
Technical Challenges & Solutions 💡
Initially, managing API calls, pagination, and dynamic routing felt overwhelming, but utilizing React Query helped streamline data fetching and cache management. Implementing pagination was another challenge, but using React Paginate simplified the process and improved performance.
Lesson Learned ✍️
This project helped me combine multiple React concepts and elevated my skills in building full-fledged React applications.
Let's create something amazing together!
Whether you're seeking a developer or just looking to connect, feel free to reach out.