Criando, testando, melhorando

Desenvolvimento completo de plataforma web corporativa para a GM Microcementos, empresa especializada em aplicação de microcimento. Site profissional com 15 páginas otimizadas, com foco em desempenho, SEO e experiência excepcional do usuário. Inclui calculadora de orçamento, galeria de projetos filtráveis, formulários avançados e sistema de design minimalista. Arquitetura modular com mais de 100 componentes reutilizáveis e otimizada para Core Web Vitals.

Plataforma web para a Academia CEJ, academia especializada em exames para o serviço público em Málaga. Site totalmente responsivo com blog, campus virtual, teste de conhecimento, sistema de inscrição e gerenciamento de cursos. Desenvolvido com Next.js 14, React 18, Tailwind CSS, Framer Motion e Docker.

Desenvolvimento do site corporativo da Dimap, um aplicativo moderno baseado em Next.js 15, React 19, Redux Toolkit e TailwindCSS, focado em oferecer desempenho ideal e uma experiência suave. O projeto inclui páginas de serviço, blog, seções corporativas e formulários de rastreamento de leads, todos construídos em uma arquitetura modular e com carregamento altamente otimizado usando SSG, Lazy Loading e ClientLoader.

DevCrate é uma plataforma para descobrir recursos de desenvolvimento (ferramentas, bibliotecas, ativos, documentação e desafios). Você nunca precisou de um recurso para seu projeto, ou apenas de alguma inspiração, e acabou navegando em uma infinidade de páginas? Foi por isso que criei esta plataforma: para organizar e não perder nenhum dos recursos que descobri ao longo dos anos, e para poder encontrá-los rapidamente sem depender de marcadores dispersos. Ela inclui pesquisa avançada, filtros por tags e uma área administrativa para gerenciar todo o conteúdo. Ele também permite sugestões da comunidade para continuar coletando ferramentas úteis. Ele foi desenvolvido com Next.js, React, TypeScript e MongoDB, com autenticação segura e uma interface moderna baseada em shadcn/ui.

O Cmd+kit é um sistema de paleta de comandos reutilizável para produtos da Web, projetado para fornecer pesquisa rápida, navegação pelo teclado e execução de ações a partir de uma interface consistente e acessível. Ele foi projetado para se integrar facilmente a diferentes pilhas com adaptadores oficiais para React, Vue, Preact e Astro, mantendo a mesma base de comportamento e personalização visual. Inclui documentação completa e um playground interativo para configuração de temas, estrutura de comandos e exportação de código pronto para uso. Pode ser instalado com npm, pnpm, yarn ou bun, dependendo do fluxo de cada projeto.

Kit de ferramentas CLI + biblioteca publicada no npm que permite que os contratos de API sejam definidos em um único arquivo JSON tipado e gerem automaticamente tipos TypeScript compartilhados, cliente Angular, validação de tempo de execução com Zod e controladores para NestJS. Elimina a falta de sincronia entre o front-end e o back-end, evita a duplicação de código e detecta alterações significativas por meio de snapshots de contrato. Inclui geração de mock para testes e uma arquitetura modular baseada em vários pacotes reutilizáveis.

Recriação do hero oficial da Apple para os AirPods Pro 2, focada em dominar animações avançadas com GSAP e ScrollTrigger. Implementei uma sequência de 65 imagens renderizadas em Canvas sincronizada com o scroll, além de transições suaves, navegação dinâmica e efeitos visuais inspirados na experiência original da Apple. Um projeto voltado ao aperfeiçoamento de animações web de alto desempenho.

Desenvolvimento de uma PWA de detecção de objetos em tempo real com Angular 19 e TensorFlow.js. Inclui configuração de PWA, integração com TensorFlow.js para detecção de objetos, captura e processamento de imagens ao vivo, otimização com Web Workers e Lazy Loading, armazenamento offline com IndexedDB e implantação em dispositivos móveis.

Projeto de prática para aprender Three.js e TresJS trabalhando com modelos 3D. Aplicação web interativa que permite personalizar uma mesa ajustável (standing desk) com diferentes opções de acabamentos e cores. Inclui vista 3D com controles orbitais, modelos 3D de laptop, fones de ouvido e planta decorativa. Personalize o acabamento da mesa e selecione cores para acessórios com pré-visualização em tempo real. Desenvolvido com Vue 3, TresJS (integração de Three.js com Vue), TypeScript, Vite e UnoCSS.

Clone da landing page de Grand Theft Auto VI criado exclusivamente para fins educacionais e demonstração de habilidades de desenvolvimento web. Website moderno com design responsivo otimizado para todas as resoluções desktop (1024px - 4K). Inclui menu suspenso com animações avançadas usando GSAP, sistema de visualização de personagens e locais com imagens dinâmicas, seção de trailers com prévias interativas e seção de downloads com cards animados. Projeto educacional sem fins lucrativos desenvolvido com Astro, Tailwind CSS e JavaScript.

Projeto pequeno voltado para praticar com Strapi como CMS e backend. Foi desenvolvido com React/Next.js, TypeScript e Tailwind CSS. Embora a demo use dados mockados, o código inclui a integração real com Strapi para consumir e gerenciar o conteúdo.

Projeto de chat em tempo real com arquitetura de backend orientada a producao. Implementa Node.js + Express e Socket.IO para comunicacao bidirecional, com dois modos de armazenamento: em memoria (mock) e persistencia opcional com Supabase. O frontend (Vite) pode ser executado em modo demo ou live, e a solucao e estruturada em camadas (configuracao, HTTP, realtime, dominio e storage) para facilitar manutencao, testes e escalabilidade.

Implementação HTML5 do clássico Super Mario Bros construído com Phaser 3.55.2 para fins educacionais, baseado no trabalho de decapapi. O projeto recria a experiência de plataforma 2D com uma arquitetura modular para animações, blocos, estruturas, entidades, controles do jogador e HUD, além de extras como captura de tela com html2canvas. Ele oferece suporte à implantação na web e ao desenvolvimento local com Vite, simplificando os testes e as contribuições de código aberto sob a licença do MIT.

Paint Win 95' recria a experiência clássica do Microsoft Paint com uma interface retrô no estilo Windows 95 e comportamento moderno na web. Inclui ferramentas de desenho e seleção, paleta de cores primária/secundária, histórico de desfazer/refazer, níveis de zoom de trabalho, abertura de imagens locais, exportação em PNG e suporte a mouse, teclado e entrada touch/caneta via Pointer Events.

Bookshop View Transitions é uma demo em React + Vite focada em implementar transições fluidas entre páginas com a API View Transitions, incluindo animações compartilhadas entre elementos (título, capa e navegação) para alcançar uma navegação visualmente contínua.

Clone do TikTok construído com React, TypeScript e Vite, projetado com abordagem mobile-first. Inclui feed vertical com reprodução automática, navegação Following/For You, ações interativas (like, comentários, salvos, compartilhar), páginas Friends/Inbox/Profile e upload com publicação no feed. Funciona com arquitetura por serviços (mock por padrão com persistência em localStorage) e deixa o Supabase pronto para conexão real com backend.

Projeto open source inspirado no clássico Breakout, desenvolvido com Astro e lógica de jogo em TypeScript usando Canvas. Inclui seletor de dificuldade no próprio canvas, velocidade da bola ajustável e progressiva, blocos com resistência variável e estado visual de dano, controles por teclado e reinício após Game Over.

Nesse projeto, trabalhei com uma equipe para desenvolver do zero uma plataforma comprometida com a venda de produtos de qualidade e com o comércio local. Trabalhamos do zero, desde o conceito até a prática, criando o back-end e o front-end. Além de diferentes tecnologias, incorporamos integrações como jwt para o controle de contas de usuário e login, um painel para controlar todos os dados... Funcionalidades como a possibilidade de fazer login com diferentes redes sociais, criação de conta como usuário para comprar produtos ou como empresa para adicioná-los, mapas do local mais próximo onde o produto em questão poderia ser encontrado, entre outras coisas. Por motivos de confidencialidade, o código não é mostrado.