cristianemayara / my-repositories

:octocat: Aplicação que lista os repositórios GitHub públicos e permite ver a lista dos últimos commits de cada repositório.

Meus Repositórios

Sobre

É uma aplicação que lista os repositórios GitHub públicos do usuário CristianeMayara e permite ver a lista de últimos commits de cada repositório.

API utilizada: https://developer.github.com/v4/

Documentação: http://my-repositories-doc.surge.sh/

Aplicação: https://my-repositories.herokuapp.com/

Como iniciar o projeto

• Clonar o repositório
• Definir as variáveis de ambiente no arquivo public/environment.js

window.apiBaseUrl = 'https://api.github.com/graphql';
window.token = <your-token-here>;

• Instalar as dependências com yarn install
• Iniciar o servidor de desenvolvimento com yarn start

Comandos disponíveis

• yarn test
• yarn lint
• yarn doc:build
• yarn doc:dev

Telas

A aplicação possui duas telas:

• Lista de repositórios, com scroll infinito, e com a funcionalidades de ordenação (por nome, estrelas e data de criação) e acesso a lista de commits dos repositórios.
• Lista de commits com detalhes de data e autor, com scroll infinito.

Tecnologias

A aplicação foi desenvolvida utilizando as seguintes tecnologias:

• ReactJS
• Create React App
• GitHub Developer
• React Router
• GraphQL
• Apollo
• Styled-components
• Jest
• React Testing Library
• Docz
• ESLint
• Prettier

Mais detalhes podem ser encontrados no arquivo package.json do projeto.

Funcionalidades do ES6 utilizadas

• Spread operator: utilizado para combinar dois arrays no scroll infinito e para criar um novo objeto com mais propriedades.
• Arrow function: utizadas para a criação dos componentes de uma maneira menos verbosa.
• Map function: utilizada para iterar os elementos dos arrays obtidos através das consultas graphql e exibi-los na tela.
• Template Strings: utilizada para interpolar strings que irão identificar o repositório escolhido na rota.

Dificuldades

• Encontrar a query para busca de commits, de um determinado usuário e repositório.