Portfólio pessoal

Este portfólio é onde recrutadores e clientes conhecem o meu trabalho. Desenhei o site no Figma, com tema claro e escuro e versão para celular, e depois construí em Next.js. Cada projeto tem uma página como esta, com o que eu fiz e a prova de que funcionou.

Usei quatro cores com significado fixo: rosa para design, lavanda para front-end, ciano para back-end e âmbar para aviso, como projeto em construção. Assim as tags e os cards da stack mostram de que área é cada coisa. As cores vivem em variáveis do CSS, então trocar de tema muda o site inteiro de uma vez.

Escrevo os cases em MDX, um formato de texto com blocos prontos para código, números e imagens. O índice desta página sai dos rótulos das seções, e a cor do case sai do tipo do projeto. Para publicar um projeto novo, crio o arquivo e o site monta a página sozinho.

---
titulo: Bajaj
tipo: engenharia
ficha:
  - PAPEL | Desenvolvedora Full Stack
  - CLIENTE | Bajaj
  - STACK | PHP, JS, jQuery, WordPress, Git
---

::::secao{rotulo="Performance" titulo="Um cache desligado por uma linha"}
Um `session_start()` no cabeçalho, carregado por cerca de 150 templates...

:::numeros{formato="linha"}
99,7% | Menos tempo de resposta na home, de 329 ms para 1 ms | case
:::
::::

Medi o contraste de cada cor de texto nos dois temas, contra o fundo mais difícil. O site inteiro funciona pelo teclado, com o foco sempre visível, abre no tema que a pessoa já usa no sistema e tira as animações de quem pediu menos movimento.

A mensagem vai direto para o meu e-mail por um serviço de envio, e o site não guarda nenhum dado. Bloqueio envio de robô, confiro tudo de novo no servidor e limito quantas mensagens cada pessoa manda por vez. O formulário funciona mesmo com o JavaScript desligado.