Lista de Repositórios do Github

Descrição

Este pequeno projeto foi construído com base o artigo "React Hooks: o que é e como funcionam?", da Alura, e consiste em uma página que renderiza dinamicamente a lista de repositórios públicos da minha conta do GitHub.

Tópicos abordados

  • A API Fetch do JavaScript, para buscar os repositórios disponíveis;
  • Hook 'useState' do React JS, para gerir os estados do componente;
  • Hook 'useEffect', para lidar com os efeitos colaterais da utilização da API Fetch;
  • Bootstrap, para estilização básica do componente.

Como rodar o projeto na sua máquina

  1. Certifique-se de ter o Git instalado em sua máquina. Você pode verificar digitando o seguinte comando no terminal:

     git --version
    

    Se o Git não estiver instalado, você pode baixá-lo e instalá-lo a partir do site oficial do Git.

  2. Abra o terminal ou prompt de comando e navegue até o diretório em que deseja clonar o projeto ReactJS.

  3. Clone o repositório do projeto executando o seguinte comando:

     git clone https://github.com/fabiofrasson/github-repositories-list.git
    
  4. Após a conclusão do comando, você terá uma cópia local do projeto ReactJS em seu diretório atual.

  5. Navegue até o diretório do projeto clonado usando o seguinte comando:

     cd github-repositories-list  
    
  6. Instale as dependências do projeto executando o comando:

     npm i
    

    Certifique-se de ter o Node.js e o npm (gerenciador de pacotes do Node.js) instalados em sua máquina. Você pode baixá-los e instalá-los a partir do site oficial do Node.js.

  7. Após a conclusão da instalação das dependências, você pode iniciar o servidor de desenvolvimento executando o seguinte comando:

     npm start
    

    Isso iniciará o servidor de desenvolvimento e abrirá o projeto ReactJS no seu navegador padrão.

  8. Abra o navegador e digite a URL http://localhost:3000/ na barra de endereço.