Frontend Mentor - Github User Search App with ReactJS

This is a solution to the Github user search app challenge on Frontend Mentor

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

The challenge

The challenge is to build out a GitHub user search app using the GitHub users API and get itlooking as close to the design as possible. This challenge would be built using ReactJS

The users should be able to:

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

Screenshot

Mobile View

Light

Dark

Tablet View

Light

Dark

Desktop View

Light

Dark

Links

• Solution URL: Github Repo
• Live Site URL: Live Preview

My process

Built with

• React
• HTML
• CSS
• JS
• SASS
• Mobile-first workflow
• Flexbox
• Grid

Author

• Website - Hamza H.
• Frontend Mentor - @hhamza1
• Twitter - @Hamza80780203