https://github.com/carloscazelattojr/reactjs-github-explorer

Projeto Github Explorer (feito em ReactJS)
https://github.com/carloscazelattojr/reactjs-github-explorer

Last synced: about 2 months ago
JSON representation

Projeto Github Explorer (feito em ReactJS)

• Host: GitHub
• URL: https://github.com/carloscazelattojr/reactjs-github-explorer
• Owner: carloscazelattojr
• Created: 2020-07-09T20:23:17.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T22:17:57.000Z (about 2 years ago)
• Last Synced: 2024-04-18T07:24:11.834Z (9 months ago)
• Language: TypeScript
• Size: 4.24 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  Projeto GITHUB_EXPLORER



## Descrição

GITHUB_EXPLORER é um projeto de estudo para testar a API do Github.

O objetivo é receber o `author/repository` e verificar (via API) se existe o autor e o repositório e adicionar no localstorage do browser, montando uma lista de repositórios.

Clique no `author/repository` para abrir uma nova página contendo mais informações do repositório. Para apresentar as informações, é realizado uma consulta via API.

A finalidade é estudar o comportamento de API externo, neste caso o API da GitHub.




API GitHub: `api.github.com`

API para coletar informações do Author/Repository: `api.github.com/repos/author/repository`

API para coletar informações do Author/Repository: `api.github.com/repos/author/repository`

API para coletar informações do Author/Repository/Issues: `api.github.com/repos/author/repository/issues`





Author: login do usuário


Repository: nome do repositório.




## Tecnologias utilizadas:




`React` `TypeScript` `Axios` `ESLint` `Prettier`




## Imagens do projeto

Tela Principal



    







Tela do repositório selecionado.



    










## Instruções para teste

  - Baixar ou clonar o projeto.

  - Dentro da pasta do projeto, execute o comando `yarn` para instalar as dependências.

  - Logo após, execute o comando `yarn start` para executar o projeto.

  - Na página aberta, o autor/repositório e clique em pesquisar.

  Ex.:


  facebook/react 


  facebook/react-native 


  angular/angular 


Fonte do Desafio: Rocketseat