../projeto

GitHub Blog

Github Blog foi criado para resolução do desafio 03 da formação React, curso Ignite, da Rocketseat. Essa é um blog que puxa os posts a partir de outro repositório usando a API do github para obter os dados.

React.jsViteTypescriptStyled ComponentsAxiosZod
Voltar para projetos

📝 Github Blog 📝

Github Blog foi criado para resolução do desafio 03 da formação React, curso Ignite, da Rocketseat. Essa é um blog que puxa os posts a partir de outro repositório usando a API do github para obter os dados.

Neste projeto foi aplicado diversos conhecimentos visto no módulo como: Context API, layout default, rotas, formulários com React-Hook-Form, hooks (useState e useEffect), além dos fundamentos básicos da ferramenta como a componentização.

O Projeto também foi desenvolvido do total zero, seguindo o layout do Figma, seguindo arrisca todos os parâmetros de cores, tamanho das fontes, espaçamento e estados em que cada elemento possa assumir na aplicação, além de, ter sido incluído alguns elementos a mais a fim de enriquecer o projeto.

- Veja o projeto: [Preview]

⚙️ Funcionalidades

  • Listagem dos posts feitos em outro repositório;
  • Busca as informações dos posts e do autor através da API do próprio github;
  • Campo de busca para procurar por posts em específico;
  • Transforma Markdown em HTML para exibir os posts em tela;

🚀 Tecnologias

📝 Considerações

Projeto bastante divertido achei bastante útil descobrir sobre essa API do github, pretendo usar essa mesma API e fazer um blog totalmente novo e personalizado no futuro;

Home

imagem da sessão Home

Pesquisa de Post

imagem da sessão Pesquisa de Post

Post

imagem da sessão Post