Skip to content

Aplicação de estudo que consome a API do GitHub para exibir um blog. Desenvolvido com React, Vite, e Styled Components. Não é um produto final, mas uma prática de conceitos web.

Notifications You must be signed in to change notification settings

rgranvilla/GithubBlog

Repository files navigation

Github Blog

Este repositório tem como foco principal o estudo das funcionalidades do React e da integração com a API do GitHub para exibição de posts em formato de blog. Trata-se de um projeto voltado para aprendizado e exploração de boas práticas no desenvolvimento de aplicações web modernas. Não se trata de um produto final para o mercado.

Aviso Importante

Esta aplicação foi desenvolvida exclusivamente para fins de estudo e experimentação. Algumas funcionalidades simulam integrações, e este repositório não deve ser considerado um produto pronto para o mercado.

Funcionalidades Implementadas

Posts

  • Listagem de issues de um repositório do GitHub como posts.
  • Visualização detalhada de cada post.
  • Busca de publicações utilizando palavras-chave.

Perfil

  • Exibição de informações do usuário associado ao repositório, incluindo avatar, nome e bio.

🚀 Tecnologias e Ferramentas Utilizadas

Frontend

  • React com suporte a componentes funcionais.
  • Styled Components para estilização modular.
  • React Router para gerenciar rotas.

Backend

  • Integração com a API do GitHub utilizando Axios.

Infraestrutura

  • Vite como bundler para desenvolvimento rápido.
  • TypeScript para tipagem estática.

Configuração e Execução

  1. Clone o repositório:

    git clone https://github.com/rgranvilla/GithubBlog.git
    cd GithubBlog
  2. Instale as dependências:

    npm install
  3. Inicie o ambiente de desenvolvimento:

    npm run dev
  4. Acesse o frontend em http://localhost:5173.

Scripts Disponíveis

  • npm run dev: Inicia o ambiente de desenvolvimento.
  • npm run build: Cria a versão de produção.
  • npm run preview: Visualiza a aplicação em modo produção.
  • npm run lint: Analisa o código em busca de problemas de padrão.

Pontos de Estudo

Este projeto explora conceitos importantes:

  • Consumo de APIs REST em aplicações React.
  • Modularização de componentes estilizados.
  • Uso de rotas dinâmicas para visualização de conteúdo detalhado.

👤 Desenvolvedor

Ricardo Granvilla

Ricardo Granvilla 🚀

Twitter Badge Linkedin Badge Gmail Badge


Desenvolvido como parte do aprendizado contínuo de desenvolvimento web. 🚀

About

Aplicação de estudo que consome a API do GitHub para exibir um blog. Desenvolvido com React, Vite, e Styled Components. Não é um produto final, mas uma prática de conceitos web.

Topics

Resources

Stars

Watchers

Forks

Languages