Cauã Diório
desenvolvedor front-end júnior · jaú, sp
hoje
Sou dev front-end júnior na Loopscape e trabalho na Loopvet, um sistema pra clínica veterinária. O que eu mais curto é motion e design, e o lab aqui do site é onde eu demonstro isso.
No tempo livre eu toco o cd/ui e o converter-hub e estudo segurança no Sentinel Forge. Uso IA todo dia pra aprender mais rápido, mas tento entender ao máximo o que acontece no código e reviso bastante. Ainda tô aprendendo o que é o ideal.
profissional
mar 2026 - atualLoopvet / Loopscape
de estagiário front-end a desenvolvedor front-end júnior
- Fiz o CMS interno do zero. Um código só atende vários portais de conteúdo da Loopvet e da Domus, com editor de texto, API pública e um encurtador de links que conta os cliques.
- Cuidei da segurança do CMS. Cada pessoa só mexe no que o cargo e o portal dela permitem, e o login tem verificação em duas etapas. O upload de imagem também barra arquivo feito pra derrubar o servidor.
- Fiz o importador de planilhas da Loopvet. Ele lê CSV e Excel, liga as colunas sozinho ou na mão e mostra uma prévia já validada antes de importar.
- Next.js
- React
- TypeScript
- Elysia
- Drizzle
- PostgreSQL
- Better Auth
- Tiptap
- S3
- Cloudflare Workers + KV
projetos
todos os repositóriosMeus componentes React. Dá pra ver quanto cada um pesa e instalar direto no seu projeto.
32 componentes e 15 blocos, ~695 B em gzip em média
- React
- TypeScript
- Base UI
- Tailwind v4
- shadcn registry
- Zod
Converte planilha, imagem e outros arquivos direto no navegador.
nenhum arquivo sai do navegador
- TypeScript
- SQLite (WebAssembly)
- Vitest
Um agente de código em que a IA sugere e o próprio programa confere antes de fazer qualquer coisa.
roda 100% no seu computador, com Ollama
- Rust
- Tauri
- Ollama
- Next.js
Lê log de servidor e avisa quando parece ataque. É onde eu estudo segurança.
mil tentativas de login viram um alerta só
- Go
- YAML
A ferramenta que eu uso pra trazer os dados de uma clínica de outro sistema pra Loopvet, conferindo tudo antes de importar.
de 1 pra até 10 clínicas migradas por dia, em teste
- Bun
- Next.js
- TypeScript
- Base UI
- Playwright
As finanças lá de casa num painel, com aviso no Discord. Só lê os dados do banco, nunca mexe em dinheiro.
350+ testes, e nenhum valor fica salvo
- Next.js
- TypeScript
- Open Finance (Pluggy)
- Vercel Cron
- Discord
3.148 contribuições no último ano · github.com/di0rio
Interações que eu fico lapidando até ficar gostoso de usar. Segura o botão aí:
ação destrutiva tem que ter intenção: enche em 1,6 s enquanto você segura e volta em 200 ms quando solta. funciona no espaço ou no enter também.
stack
TypeScript · React · Next.js · Tailwind CSS · Node.js · Bun · PostgreSQL · Drizzle
estudando: Go · Rust
escrita
ver todos- a skill que eu fiz pra IA escrever do meu jeito
a primeira versão da humanizar deixava passar texto com cara de IA. o que eu fui apontando na bio do portfólio, rodada por rodada, virou a versão nova
- o t do better-intl quebrava depois de um await
o erro que derrubou meu build, por que o use() do React some depois de um await, e o PR que mandei pro better-intl e foi aceito
- vídeos de demo que mostram o produto: a skill portfolio-demo
por que os vídeos antigos do portfólio não funcionavam, a skill que escrevi pra IA planejar e revisar demos, e o que a revisão quadro a quadro pegou (inclusive um bug no próprio produto)