https://github.com/yinkakun/github-profile-viewer

Code Repo for the BuyCoins Coding Challenge Solution
https://github.com/yinkakun/github-profile-viewer

Last synced: about 1 month ago
JSON representation

Code Repo for the BuyCoins Coding Challenge Solution

• Host: GitHub
• URL: https://github.com/yinkakun/github-profile-viewer
• Owner: yinkakun
• Created: 2021-05-20T16:29:56.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-05-27T06:31:16.000Z (over 3 years ago)
• Last Synced: 2024-10-14T07:11:40.098Z (3 months ago)
• Language: JavaScript
• Homepage: https://github-profile-viewer-buycoins.netlify.app
• Size: 149 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# github-profile-viewer

Code Repo for the Buycoins Coding Challenge Solution.

Github Profile Viewer built With Vanilla JS and Github's GraphQL API. 

## Instructions

Using the GraphQL GitHub API (https://developer.github.com/v4/explorer/), recreate the github profile page (the tab that lists a user's repositories).

### What you SHOULD include:

1. A page with an input field that takes a GitHub username

2. Submitting that input should load the profile page for the specified user

3. The responsive design of the website. Make your recreation as close to the real website as possible

4. The profile picture and basic description of the account

5. 20 repositories (maximum)

6. The appearance of your input page should match the style of the profile page

7. A good user experience

See an example of what the final result should look like - https://res.cloudinary.com/bitkoin/image/upload/v1605131940/frontend_dev_example.png

### What you should NOT include:

1. Pagination/Search functionality - you should load the first 20 repositories only

2. The other tabs (e.g. Overview, Projects, Packages)

3. The graph showing year of activity for the repository

### Other requirements:

- Do not use any CSS or JS framework

- Host your site somewhere (e.g. Netlify or Github Pages)