Skip to content

jfernandesdev/github-blog

Repository files navigation

Github Blog

Projeto Web desenvolvido durante o Ignite by Rocketseat • Trilha ReactJS - Desafio 11 - TEMA: "Github Blog" 📰

Descrição:

O projeto trata-se de uma aplicação que consome a API do Github para buscar issues de um repositório, dados do seu perfil e exibir elas como um blog.

  • Listagem do perfil com imagem, número de seguidores, nome e outras informações disponíveis pela API do GitHub;
  • Listar e filtrar todas as issues do repositório com um pequeno resumo do conteúdo dela;
  • Página para exibir um post (issue) completo;
  • Layout responsivo (mobile e desktop).

Tecnologias utilizadas: 🚀

  • ReactJs | ^18.2.0
  • Vite | ^3.0.7 -D
  • Typescript | ^4.6.4 -D
  • Styled Components | ^5.3.5
  • React Markdown | ^8.0.3
  • Axios | ^0.27.2
  • React Router Dom | ^6.3.0

Instalação em sua máquina ⚙️

// Clone o projeto e acesse a pasta:
$ git clone https://github.com/jfernandesdev/github-blog.git && cd github-blog

// Instale as dependências:
$ yarn

// Rode o projeto: 
$ yarn dev

// A aplicação estará disponível em seu navegador em http://localhost:3000

Layout (design by @millenakmartins) 🤩

Desktop (screenshot):

Home Lista de Posts Post selecionado

Mobile (screenshot):

Home Lista de Posts Post selecionado

Dê uma olhada como o projeto ficou! 👀

https://github-blog-jfernandesdev.vercel.app/


footer-signature

About

Desafio 11 - Jornada Ignite by Rocketseat - Trilha ReactJS - Tema: "Github Blog" 📰

Topics

Resources

Stars

Watchers

Forks