GitHub user search app


In this project, you'll use the GitHub users API to
pull profile data and display it.It's a great challenge if you're
looking to practice working with a 3rd-party API.

challenge

Brief

Your challenge is to build out this GitHub user search app using the GitHub
users API and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if
you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  1. View the optimal layout for the app depending on their device's
    screen size
  2. See hover states for all interactive elements on the page
  3. Search for GitHub users by their username
  4. See relevant user information based on their search
  5. Switch between light and dark themes
  6. Bonus:Have the correct color scheme chosen for them based on
    their computer preferences. Hint: Research prefers-color-scheme
    in CSS

Getting started

  1. Download the starter code
  2. Set up the project with version control (e.g. Git)
  3. Read the README.md file and have a look around the project
  4. Download the design files, we provide both Sketch and Figma versions of the design
  5. Get colors, fonts, etc from the design system in the design file
  6. Set up your project/file architecture however you want
  7. Start coding!

Ideas to test yourself

Write your styles using a pre-processor, such as Sass, Less or Stylus

Train your eye for detail by getting your solution as close to the design as you can

Use a JavaScript framework/library to practice templating and/or building using components

Try estimating the time it will take for you to build the project. Then see if the time taken matches up to your estimate. Project estimations are a skill that is often overlooked, but is important for professional developers

Let's work together