Frontend Mentor - GitHub user search app solution

This is a solution to the [GitHub user search app challenge on Frontend Mentor]. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• See the size of the elements adjust based on their device's screen size
• See hover state for all interactive elements on the page
• Searxh for GitHub by their username
• See relevant user information based on their search
• Switch between light and dark mode

Screenshot

Links

• Solution URL: GitHub-search-app
• Live Site URL: GitHub-search-app

##My process

Built with

• Semantic HTML5 markup
• Javascript
• CSS For styles

What I learned

I Learned about APIs, how to fetch them and convert to a javascript object using the javascript fetch API method, GitHub API to be precise.

async function nyFile(){
  let x = await fetch()
  let y = await x.json()
}

Continued development

To learn more about APIs

Author

• Frontend Mentor - @papilo-cloud
• Twitter - @Abdulra75754192

Acknowledgments

Brad Traversy, I'm a big fan W3School.