Coding challeng submission from Miracleio for the Buycoins Frontend Engineer Application Coding challenge
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:
- A page with an input field that takes a GitHub username
- Submitting that input should load the profile page for the specified user
- The responsive design of the website. Make your recreation as close to the real website as possible
- The profile picture and basic description of the account
- 20 repositories (maximum)
- The appearance of your input page should match the style of the profile page
- 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:
- Pagination/Search functionality - you should load the first 20 repositories only
- The other tabs (e.g. Overview, Projects, Packages)
- 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)
Visit https://buycoins-challenge-miracleio.netlify.app to play around with my submission 😉✨
#clone the repo
git clone https://github.com/miracleonyenma/buycoins-coding-challenge
#cd into the folder
cd buy-coins-coding-challenge
Open index.html
in root folder 🙌