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"
}Push your code to this repo within 2hrs after starting.
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!
- npm install
- npm start
- run localhost:3000 on browser
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent