davidolaoluwa240/dev-finder

Frontend Mentor devFinder Challenge Solution

Devfinder

This is the solution to the GitHub user search app challenge on Frontend Mentor.

Table of contents

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

Overview

The challenge

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

Screenshot

Links

• Solution URL: https://github.com/davidolaoluwa240/devfinder
• Live Site URL: https://devfinder-david.netlify.app/

Built with

• Semantic HTML5 markup
• Sass
• Flexbox
• CSS Grid
• Desktop-first workflow
• MVC Architecture
• Javascript
• Typescript
• Parcel
• Axios

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:1234 to view it in your browser.

The page will reload when you make changes.

npm run build

Builds the app for production to the dist folder.
It correctly bundles the entire app in production mode and optimizes the build for the best performance.

Author

• Website - Atebisun David
• Twitter - @atebisun