Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance 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

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /