/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.

Primary LanguageJavaScript

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:

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.