https://github.com/adrianoescarabote/github-user-search-app

GitHub User Search Application: Enter a GitHub username to retrieve relevant user information. The application supports both dark and light themes.
https://github.com/adrianoescarabote/github-user-search-app

github react styled-components typescript

Last synced: 25 days ago
JSON representation

GitHub User Search Application: Enter a GitHub username to retrieve relevant user information. The application supports both dark and light themes.

• Host: GitHub
• URL: https://github.com/adrianoescarabote/github-user-search-app
• Owner: AdrianoEscarabote
• License: mit
• Created: 2023-02-03T13:35:36.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-02T13:57:30.000Z (5 months ago)
• Last Synced: 2024-11-20T18:44:11.172Z (3 months ago)
• Topics: github, react, styled-components, typescript
• Language: TypeScript
• Homepage: https://github-user-search-app-black.vercel.app
• Size: 495 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
- Active app [click here](https://github-user-search-app-black.vercel.app/)

# VIDEO 

https://user-images.githubusercontent.com/101136987/217550629-b7df2443-8285-4d0e-80d5-3355b9b2ee42.mp4

# Frontend Mentor - GitHub user search app solution

This is a solution to the [GitHub user search app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/github-user-search-app-Q09YOgaH6). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

- [My process](#my-process)

  - [Built with](#built-with)

  - [Continued development](#continued-development)

- [Author](#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

## My process

### Built with

- Typescript

- [React](https://reactjs.org/) - JS library

- [Styled Components](https://styled-components.com/) - For styles

### Continued development

My first project with Typescript, I really liked it and found it very different. I decided to make a slightly simpler project, so as not to get too stuck in the development, but I will definitely make some more elaborate ones, but this one was definitely a lot of fun to do!

## Author

- Linkedin - [AdrianoEscarabote](https://www.linkedin.com/in/adriano-escarabote-944b02233/)

- Frontend Mentor - [@AdrianoEscarabote](https://www.frontendmentor.io/profile/AdrianoEscarabote)

- Instagram - [@ogdrian](https://www.instagram.com/ogdrian/)

- Twitter - [@drianEscarabote](https://twitter.com/drianEscarabote)