Web Full-Stack · Computer Vision · AI

Kalleb Pires.

Eu construo aplicações completas, do wireframe ao deploy. React, TypeScript, Python e Firebase no dia a dia, e visão computacional em produção: redes neurais, detecção de objetos e conversão 3D.

SYSTEM / 01
FRONT-ENDReact · TypeScript
BACK-ENDPython · Firebase
VISIONYOLOv8 · OpenCV
AILLMs · agentes
FULL-STACKideia → deploy
2+ anosde desenvolvimento web antes do ML
Full-stackReact, TypeScript, Python e Firebase
YOLOv8detecção de defeitos em produção
Desde 2025na Litrium Tecnologia, em Caxias do Sul
Web / 001

Web de ponta a ponta.

Aplicações completas do wireframe ao deploy: React e TypeScript no front, Python e Firebase no back, publicadas com Docker, Vercel e GitHub Pages. Os quatro primeiros são trabalho dele; os outros são repositórios públicos.

SaaS · Techron

Cadência

Plataforma de gestão empresarial multi-tenant: tema, módulos e identidade visual saem de configuração por cliente, e não de código separado por conta. Uma base de código para todas as instâncias; ele cuidou da arquitetura, da modelagem, das regras de segurança por tenant e do deploy.

ReactViteFirebaseMulti-tenant
Litrium · em uso

LitriumFlow

Sistema web de gestão da operação da Litrium, feito sozinho, do levantamento de requisitos à entrega: autenticação, controle de acesso por perfil, modelagem de dados, regras de segurança e deploy.

ReactViteFirebaseAuth
Firebase · tempo real

App de finanças

Organização financeira individual ou de casal, com metas de poupança, contas recorrentes, cartões de crédito e tema claro e escuro. Login com Google e sincronização em tempo real entre dispositivos.

ReactViteFirestoreGoogle Auth
Canvas API

Editor de recorte de fundo

Ferramenta no navegador para recortar fundo de imagem à mão e exportar em PNG transparente, sem back-end.

JavaScriptCanvas APIPNG
Node.js · MongoDB

Genesis Kanban

Operação em português: quadro kanban, projetos, equipe e financeiro, com backend próprio e cadastro fechado. Sincroniza issues do GitHub com as tarefas nos dois sentidos e aceita comandos do Claude (MCP) e do ChatGPT.

JavaScriptNode.jsMongoDBMCPGitHub API
Ver repositório ↗
Next.js · Prisma

CRM Genesis

Aplicação de CRM em TypeScript sobre Next.js, com banco modelado em Prisma. Ainda em fase inicial.

TypeScriptNext.jsPrisma
Ver repositório ↗
Firebase

Nossos Estudos

Aplicação web de estudos em HTML, CSS e JavaScript, com Firebase e publicação no GitHub Pages.

JavaScriptFirebaseGitHub Pages
Ver repositório ↗
HTML · CSS

Sites estáticos da Genesis

Primeiras versões do site da Genesis (Prisma e WD) como páginas estáticas no GitHub Pages.

HTMLCSSGitHub Pages
Ver repositório ↗
Computer vision / 002

Visão computacional

Modelos que olham para imagens e devolvem decisão: detectar, classificar e converter, com o cuidado de quem precisa que isso rode fora do notebook.

Computer vision in production

Do treino à entrega.

Pipeline de detecção de defeitos em produção (YOLOv8, PyTorch, OpenCV) para inspeção industrial automatizada, com uma ferramenta de relatório em HTML interativo. Também trabalha com detecção de objetos e conversão 3D. Em produção, diagnosticou e corrigiu uma falha crítica na inferência sem quebrar o código existente.

PythonPyTorchTensorFlowOpenCVYOLOv8ONNXPandasDocker
detect()
objeto 0.94
objeto 0.88
objeto 0.91
Engineering / 003

Do modelo ao produto.

Um modelo só vale quando alguém consegue usá-lo. Por isso a base web continua no caminho: APIs, interfaces e ferramentas internas ao redor do ML.

ML pipeline

Pipeline de visão.

Cada etapa deixa um artefato que dá para repetir e comparar, em vez de depender de memória ou de um notebook.

imagens→rótulos→treino→avaliação→produção
Genesis products

CRM, Kanban e site.

Ferramentas internas da Genesis Innovation construídas em TypeScript e JavaScript, do CRM ao quadro de tarefas e ao site.

# repositórios públicos
CRM-Genesis TypeScript
Genesis---Kanban JavaScript
genesis-site-prisma HTML
Architecture / 004

Método

Como um problema de visão vira sistema: medir primeiro, treinar depois, só entregar o que passou na avaliação.

Dadoscoleta · rotulagem
conjunto de avaliação separado
→
ModeloPyTorch · TensorFlow
treino e comparação
→
ProduçãoAPI · integração
métricas acompanhadas
Timeline / 005

Da web para o ML.

Começou em HTML, CSS e JavaScript e foi subindo de abstração: da interface ao sistema completo, e do sistema ao modelo que decide o que a interface mostra.

BASE
Git, HTML, CSS e JavaScript

Primeiros projetos web e o hábito de versionar tudo no GitHub.

WEB
Desenvolvimento web (2+ anos)

Produtos em React, JavaScript e TypeScript, incluindo as ferramentas da Genesis.

JAN/2025
Estagiário do setor técnico, Litrium Tecnologia

Suporte à operação de TI e apoio a rotinas e ferramentas internas. Resultou na efetivação.

JAN/2026
Assistente de TI Júnior, Litrium Tecnologia

LitriumFlow, o sistema de gestão da operação, e o pipeline de visão computacional (Python, PyTorch, TensorFlow, OpenCV) em detecção de objetos e conversão 3D.

2028
Análise e Desenvolvimento de Sistemas, UCS

Conclusão prevista. Em paralelo, a Genesis Innovation e o estúdio Techron.

Toolbox / 006

Ferramentas que eu uso.

Sem barra de porcentagem. O que importa é o conjunto que resolve o problema e deixa o sistema legível depois.

ReactViteTailwind CSSFirebaseSQLiteSQLREST APIsVercelONNXPythonPyTorchTensorFlowOpenCVYOLOPandasLLMsPostgreSQLTypeScriptJavaScriptHTMLCSSC++DockerLinuxGitGitHubGCPAWSClaude CodeCodex

Idiomas — português nativo · espanhol intermediário · inglês técnico avançado, com conversação em desenvolvimento

Now / 007

Construindo agora.

O portfólio não é um museu. Estas são as frentes em andamento.

01

Litrium Tecnologia

LitriumFlow e visão computacional: redes neurais, detecção de objetos e conversão 3D em ambiente de produção.

Ver trabalho ↑
02

Genesis Innovation

CRM, Kanban e site: ferramentas próprias para a operação da Genesis.

Ver Genesis ↗
03

Visão computacional

Pipelines de detecção com OpenCV, PyTorch e TensorFlow.

Explorar GitHub ↗
04

LLMs e agentes

Claude Code e Codex no fluxo de desenvolvimento, com testes como juiz.

Ver método ↑
Contact / 008

Tem uma imagem para entender?

Eu gosto de transformar um problema em sistema: entender, desenhar, construir, medir e entregar, seja uma aplicação web inteira ou uma imagem que um modelo precisa entender.