Skip to content

Blog desenvolvido em ReactJS com Typescript. Com integração da API de Github

Notifications You must be signed in to change notification settings

MartinGBB/github-blog

Repository files navigation

Github Blog

Github Blog

Descrição do Projeto

Este projeto foi desenvolvido em ReactJS, ajuda na construção de blog pessoal. Consume informações da API de Github para preencher dados do perfil e postagens; onde as postagens serão as issues dentro de determinado repositorio. Os estilos foram inspirado de um templete de Figma da Rocketseat.

Se sentir vontade de acessar ao Deploy do projeto, pode clicar 👉 aqui e será redireccionado.

Pre-requisitos para rodar na sua máquina

Antes de começar, você vai precisar ter instalado no seu computador as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código.

Instalação

 # Clone este repositório
   $ git clone [email protected]:MartinGBB/github-blog.git
 # Acesse a pasta do projeto no terminal
   $ cd github-blog

 # Instale as dependências
   $ npm install

Deve criar o arquivo: .env.local na raiz do projeto e passar as seguintes chaves com os seguintesdados:

  VITE_USER={SeuUsuarioDeGithub}
  REPOSITORY={SeuRepositorioComIssues} 
  
  # Não deve incluir as chaves

Execução

  # Execute a aplicação em modo de desenvolvimento
    $ npm run dev

  # O servidor inciará na porta:5173 - acesse <http://localhost:5173>

Usos

  • Podera acessar ao seu perfil de github se clicar em GITHUB no perfil.
  • Filtro de busca de post por titulo.
  • Ao clicar no Post sera redireccionado para ver o post inteiro
    • Se clicar em VER NO GITHUB sera redireccionado para a issue no github

Tecnologías

Bibliotecas implementadas

Autor

Martin Brazón

Feito por Martin Brazón.

Linkedin Badge Gmail Badge

About

Blog desenvolvido em ReactJS com Typescript. Com integração da API de Github

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published