/desafio-globo

Aplicação ReactJS consumindo API do GitHub

Primary LanguageJavaScript

Desafio Globo

Projeto desafio que tem por objetivo consumir a API Rest do GitHub exibindo detalhes do usuário e seus repositórios. O projeto faz uso do padrão de arquitetura Atomic Design e styled-components para estilização.

O app objetiva-se

✔️ Listar usuários

✔️ Pesquisar usuários do GitHub

✔️ Exibir dados pessoais, estatísticas e lista de repositórios do usuário selecionado na lista ou do usuário pesquisado.

❌ Armazenar os dados dos 3 ultimos usuarios para exibicao dos dados offline.

Padrões e Libs utilizadas

  • material-design - padrão de arquitetura de layout.

https://material.io/design/introduction/

  • atomic-design - padrão de arquitetura de componentes.

https://bradfrost.com/blog/post/atomic-web-design/

  • styled-components - biblioteca para criação de componentes estilizados.

https://www.npmjs.com/package/styled-components

  • styled-tools - biblioteca adicional para styled-components.

https://www.npmjs.com/package/styled-tools

  • axios - biblioteca para fazer requisicoes ao servidor.

https://www.npmjs.com/package/axios

  • react-toasts - componente de exibicao de alertas (toasts).

https://www.npmjs.com/package/react-toasts

Scripts

Use o comando abaixo para instalar as dependências.

npm i

Para rodar, execute o comando abaixo dentro do diretorio do projeto:

npm start

Telas

ScreenShot

ScreenShot