dayana-sog/react-github-search-users

🔎 Pesquise os usuários do github e tenha a sua disposição dados mais intuitivos através de gráficos.

🔎 Github User Search

Teste Aplicação: Github User Search

Aplicação criado como intuito por em prática os estudos REACTJS, com a funcionalidade SPA(Single Page Application), e com a responsividade.

A aplicação foi baseada na vídeo aula no Youtube. As principais funcionalidades aprendidas foram:

• Fazer buscar dos dados na API do GitHub:

  • Dados do usuário;
  • Quantidade de followers;
  • Dados dos repositórios;
  • Quais repositórios obtiveram mais forks;
  • Quais repositórios obtiveram mais stars;
  • Quantidade limite de requisições por hora: 60;

• Passar os dados da API do GitHub para gráficos:

  • Bar3D;
  • Column3D;
  • Doughnut2D;
  • Pie3D;

• Autenticação utilizando o Auth0 que dá a possibilidade de fazer login com suas redes sociais:

  • GitHub;
  • LinkedIn;
  • Gmail;
  • Caso queira pode criar uma conta também;

---

Tela da aplicação:

💻 Tecnologias / Ferramentas Utilizadas:

• ReactJS
• React Router Dom
• Styled Component
• React Anchor Link Smooth Scroll
• Axios
• FusionCharts
• Lottie React Web
• Auth0
• React Icons
• GitHub Api

📚 Instalação:

Clone o repositório:

$ git clone https://github.com/dayana-sog/react-github-search-users

Aceda a pasta do projeto:

$ cd react-github-search-users

Instale as dependências:

$ yarn

Sobre a autorização: Vá ao site da Auth0 siga o passo a passo para buscar a sua Application Keys - Domais e Client ID substitua os dados que estão no arquivo src/index.js no componente Auth0Provider e aplique o seu Domais e Client ID.

Inicie o servidor:

$ yarn start

🚀 Deployment:

https://www.netlify.com/

📝 Licença:

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com ♥ by Dayana Gonçalves 👋