fafa1 / uolChallenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Getting Started with Create React App

This project was bootstrapped with Create React App.

Observações sobre o projeto

O projeto está rodando na porta 3000, tudo foi feito como pedido com a exceção do starred por meio deste endpoint : https://api.github.com/users/NOME_USUARIO/starred{/owner}{/repo} pois não consegui fazer requisição por meio dele.

Ele foi feito utilizando a estratégia Mobile First, portanto é responsivo. Foi pensado também na facilidade de uso do sistema.

Estou aberto a melhorias.

Configuração para Executar o projeto

  1. Fazer o Clone deste projeto
  2. Executar o comando npm i ou yarn na raiz do projeto para instalação de todos os pacotes.
  3. Executar o comando yarn start ou npm start para rodar o projeto na porta 3000

Estrutura

O projeto contém 3 componentes atómicos que são o Button, Card e o Search um arquivo de Views composto pelo compomente de DetailUser e Results o componente DetailUser apresenta as informações relacionadas aos detalhes do usuários que é possível ser visto ao clicar em detalhes.

Em results contém as informações relacionadas ao resultado ao digitar os usuários no campo de pesquisa e os repositórios deste usuário (ao clicar no botão de repos) onde contém um link de cada repositório respectivamente.

Foi utilizado como framework UI para construção dos componentes o Material-ui e o axios para facilitar nas requisições a API. Foi utilizado para os alerts, a biblioteca swal.

About


Languages

Language:JavaScript 76.8%Language:HTML 17.4%Language:CSS 3.0%Language:SCSS 2.8%