Heftybyte At Home Coding Challenge

Challenge: Github User List

Focus: Javascript

Time: 2hrs

Challenge:

Build a simple web app that lists Github users sorted by the number of repos they have. The UI should consist of:

an input search box for users to enter a comma separated list of Github usernames into
a button to start the search
a vertical list of usernames along with number of repos below the search

Github has an open JSON API exposed over HTTPS. To fetch user data, use the /users endpoint with the Github username as the last path part like so:

Request

https://api.github.com/users/esco

Response

{
  "login": "esco",
  "id": 375773,
  "avatar_url": "https://avatars3.githubusercontent.com/u/375773?v=4",
  "gravatar_id": "",
  "url": "https://api.github.com/users/esco",
  "html_url": "https://github.com/esco",
  "followers_url": "https://api.github.com/users/esco/followers",
  "following_url": "https://api.github.com/users/esco/following{/other_user}",
  "gists_url": "https://api.github.com/users/esco/gists{/gist_id}",
  "starred_url": "https://api.github.com/users/esco/starred{/owner}{/repo}",
  "subscriptions_url": "https://api.github.com/users/esco/subscriptions",
  "organizations_url": "https://api.github.com/users/esco/orgs",
  "repos_url": "https://api.github.com/users/esco/repos",
  "events_url": "https://api.github.com/users/esco/events{/privacy}",
  "received_events_url": "https://api.github.com/users/esco/received_events",
  "type": "User",
  "site_admin": false,
  "name": "Esco Obong",
  "company": "@Uber",
  "blog": "https://twitter.com/escobyte",
  "location": "NYC",
  "email": null,
  "hireable": null,
  "bio": null,
  "public_repos": 69,
  "public_gists": 4,
  "followers": 49,
  "following": 4,
  "created_at": "2010-08-25T14:45:27Z",
  "updated_at": "2017-08-13T10:47:26Z"
}

Submission

Push your code to this repo within 2hrs after starting.

Take Note

The challenge may seem simple, but keep in mind we are judging the following factors:

Code Quality (clean code)
Performance (bandwidth, latency..etc)
Code Organization (excellent code structure)
Proficiency with JavaScript (modern features)

Bring your best talent to this task! We care much more about these factors than we do about 100% functionality.

Good Luck!