Task

View 1

• User can interact with 2 form fields to enter the appropriate values.
• Field values should be validated and prevent the form from submitting with bad data, optionally letting the user know why.
• The repo name should be appropriately validated to be non-blank, and anything else that may not be a valid value.
• The commit count should be validated to be a number between 0 and 30.
• Upon hitting Search, the user is taken to View 2

View 2

• the back button takes the user back to View 1
• the title shows you the name of the repo in question
• display the number of commits that was requested, as a list
• each list item contains the author's username and the commit hash
• (OPTIONAL) when a user hovers over an author's name, a small overlay with additional information is displayed to the user, including their avatar, name, bio, and location

When setting the route for View 2, the comment count should be set as a query param

There should be a re-usable loading state to prevent user interaction during async fetches.

APIs

You will be using Github api in order to complete this task. Please use this documentation.

Sample route: https://api.github.com/repos/facebook/react-native/commits

Scripts

This project was bootstrapped with Create React App.

yarn install

This will set up everything you need in order to be able to run the application.

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.