Portfólio em React com TypeScript

Este é um portfólio desenvolvido em React, uma biblioteca JavaScript popular para construir interfaces de usuário interativas. O projeto foi criado usando TypeScript, uma linguagem de programação que adiciona tipagem estática ao JavaScript, tornando o código mais fácil de ler e manter.

Para gerenciar o estado do aplicativo, foram utilizados Hooks, uma forma de adicionar funcionalidades aos componentes do React sem a necessidade de classes. Além disso, a biblioteca Nookies foi usada para gerenciar cookies no lado do cliente.

Para melhorar o desempenho, a biblioteca React-Blurhash foi usada para renderizar imagens de forma rápida e eficiente, enquanto a biblioteca React-Switch foi utilizada para criar elementos de comutação visualmente atraentes.

Para estilizar o aplicativo, a biblioteca Styled-Components foi utilizada. Esta biblioteca permite escrever CSS em um estilo similar ao do JavaScript, tornando o código mais legível e fácil de manter.

Para manter o código limpo e organizado, foram utilizados o Eslint, uma ferramenta de análise de código que ajuda a detectar e corrigir erros, e o Prettier, uma ferramenta de formatação de código que garante que o código esteja sempre com a mesma aparência e estilo.

Para otimizar a qualidade do código e facilitar o processo de desenvolvimento, o Husky foi usado para otimizar o commitzen. Isso significa que, ao fazer um commit, os arquivos serão verificados automaticamente para garantir que sigam as diretrizes de estilo e qualidade de código.

Além disso, o projeto faz requisições para a API do GitHub para buscar informações de projetos, incluindo imagens e descrições. Essa funcionalidade é possível graças à integração do aplicativo com a API do GitHub, permitindo que o usuário visualize informações detalhadas sobre seus projetos de software diretamente do portfólio. Essa funcionalidade é uma adição importante para qualquer desenvolvedor que deseja mostrar seus projetos de software de forma eficiente e clara em seu portfólio.

Rodando localmente

Clone o projeto

  git git@github.com:felipe-seabra/portfolio.git

Entre no diretório do projeto

  cd portfolio

Instale as dependências

  npm install

Inicie o servidor

  npm start

Demonstração

© Desenvolvido por Felipe Seabra