projetos com IA

Uma coleção de projetos, ferramentas e experimentos web desenvolvidos recentemente com auxílio de IA e tecnologias modernas.

Guia de Programação com IA

Um guia bilíngue voltado para iniciantes sobre ferramentas de programação com agentes em linha de comando (Claude Code e Codex), construído como uma única página estática. Ele cobre instalação, um fluxo de primeiro projeto, publicação no GitHub e Vercel, e uma vitrine de projetos construídos com essas ferramentas, sem framework ou etapa de build.

Veja ao vivo

Calculadora de Bitcoin

Uma calculadora de Bitcoin leve que converte entre BTC, SATS e várias moedas fiduciárias com dados de mercado da Binance. Ela é construída com HTML, CSS e JavaScript modular, incluindo teclado inline, interface bilíngue, dark mode e comportamentos de interação específicos para mobile.

Veja ao vivo

Calculadora de Ganho de Capital

Uma calculadora leve baseada no navegador, feita especificamente para contribuintes brasileiros, para simular imposto sobre ganho de capital, IOF, lucro bruto e líquido em operações de compra e venda de ações americanas usando cotações PTAX. Ela é construída como um app web estático com HTML, CSS e JavaScript puro.

Veja ao vivo

Card Tracker

Um pequeno dashboard financeiro full-stack construído com Next.js. Ele lê faturas de cartão de crédito em arquivos CSV, classifica estabelecimentos em categorias, expõe rotas de API no servidor e renderiza gráficos e tabelas em um cliente React.

Veja ao vivo

Ferramenta de Animação de Pontos

Uma ferramenta em Vite + React + TypeScript para estudos visuais de animação em tempo real e exportação de SVG, com um sistema de animação orientado por parâmetros para explorar e salvar variações generativas de movimento.

Veja ao vivo

Gerador de Glossário

Um gerador de glossários com IA construído como aplicação React single-page. Ele recebe uma palavra-semente, chama uma camada de LLM independente de provedor por endpoints serverless, gera um glossário com 12 termos, permite expandir cada termo, salva o trabalho no navegador e exporta o resultado em markdown ou Word.

Veja ao vivo

Calculadora de Custo de Hash

Uma calculadora estática para estimar custos de energia de mineração de bitcoin. Ela combina HTML, CSS e JavaScript puros com controles de interface customizados, suporte bilíngue, painéis modais de ajuda e dados de comparação de mineradores.

Veja ao vivo

Construtor de Prompt

Um app em Next.js que transforma uma descrição de tarefa, screenshots opcionais e código colado em um prompt pronto para usar com assistentes de programação. Ele usa React, TypeScript, Tailwind CSS, UI bilíngue, saída Markdown editável, exportação .md/.docx e backend de LLM independente de provedor.

Veja ao vivo

Gerador de QR Code

Uma ferramenta estática de QR Code com foco em privacidade, construída com HTML puro, folha de estilo dedicada e JavaScript no navegador. Ela oferece tamanho e cor customizáveis, fundo transparente, correção de erro, tema claro e escuro, interface bilíngue e exportação de PNG no navegador — sem cadastro, sem expiração, sem marca d'água e com uso offline completo depois que a página é carregada.

Veja ao vivo

Rock Drive Backup

Um plugin WordPress para backups completos de arquivos e banco de dados em uma pasta do Google Drive criada pelo próprio plugin, com restauração em um clique no mesmo site. Ele é construído em PHP sem dependências externas, com motor de jobs em estágios, uploads retomáveis para o Drive, verificação de manifesto SHA-256, backups semanais com retenção e notificações por e-mail, e rollback de banco e arquivos.

Encurtador de URL

Um pequeno encurtador de URL full-stack construído com Next.js App Router. Ele usa uma tela administrativa protegida por senha para criar e apagar links, armazena registros de slug em Redis, usa fallback em memória no desenvolvimento local e resolve requisições públicas em <code>/{slug}</code> por meio de uma rota de redirecionamento.

Veja ao vivo

Tech Stacks

Um site estático bilíngue construído com Astro que cumpre uma dupla função: documentar os projetos e explicar suas stacks por meio de layouts compartilhados, dados reutilizáveis e rotas localizadas. Ele também representa um passo fundamental no processo de aprendizado de como construir com IA.