Challenge outline: Github Repositories listing page

Design an Angular 14+ single-page application (SPA) that takes a GitHub username as input and displays the public Github repositories belonging to the user.

For example, johnpapa is a valid Github username

Starting Repository

https://github.com/fylein/fyle-internship-challenge-23

References & Requirements

• API Documentation https://docs.github.com/en/rest/reference

• Go to this repository and fork it before you start adding your changes. Once your changes are done, push them to the forked branch.

• There should be a search bar present with a button which should allow the user of the app to search by a Github username on clicking the search button

• In case a user is not found by the same, show an empty zero state. The search bar should still be visible.

• The below image represents a topic of a particular repository, one repository could have multiple topics

  

• Pagination has to be server-side (i.e. Do not load all the repositories and paginate on the client)

  • Show a dropdown to select the page size
  • By default, show 10 repositories per page
  • Users should be able to choose a maximum of 100 repositories per page.

• When the API calls are in progress, consider showing a skeleton loader wherever applicable

• The assignment must contain unit tests for 1 component and 1 service with 100% code coverage and documentation on running them (in the README).
• Host your SPA on any cloud service you choose (Heroku, Netlify, Github Pages, etc - If you don't have an account, you can sign up for free).
• Make sure that all GET API calls to external APIs are cached. (Avoid making duplicate API calls even if I switch back to page 1 from page 2, reload the page etc.)