Criando, testando, melhorando

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

Plataforma web para Academia CEJ, academia especializada em concursos de justiça em Málaga. Website completamente responsivo com blog, campus virtual, sistema de teste de conhecimentos, sistema de matrícula e gestão de cursos. Desenvolvido com Next.js 14, React 18, Tailwind CSS, Framer Motion e Docker.

Desenvolvimento do site corporativo da Dimap, uma aplicação moderna baseada em Next.js 15, React 19, Redux Toolkit e TailwindCSS, focada em oferecer desempenho ideal e uma experiência fluida. O projeto inclui páginas de serviços, blog, secções corporativas e formulários com acompanhamento de leads, tudo construído sobre uma arquitetura modular e carregamento altamente otimizado com SSG, Lazy Loading e ClientLoader.

Neste projeto trabalhei com uma equipe para construir do zero uma plataforma focada na venda de produtos de qualidade e no apoio ao comércio local. Trabalhamos desde o conceito até a prática, criando tanto o back-end quanto o front-end. Além de diferentes tecnologias, foram incorporadas integrações como JWT para controle de contas de usuário e login, um dashboard para controle de todos os dados... Funcionalidades como poder fazer login com diferentes redes sociais, criar conta como usuário para comprar produtos ou como empresa para adicioná-los, mapas do local mais próximo onde o produto poderia ser encontrado, entre outras coisas. Por motivos de confidencialidade, o código não é exibido.

DevCrate é uma plataforma para descobrir recursos de desenvolvimento (ferramentas, bibliotecas, assets, documentação e desafios). Já aconteceu com você de precisar de um recurso para o seu projeto, ou simplesmente de inspiração, e acabar navegando por 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 conseguir encontrá-los rapidamente sem depender de favoritos espalhados. Ela inclui busca avançada, filtros por tags e uma área admin para gerenciar todo o conteúdo. Também permite sugestões da comunidade para continuar reunindo ferramentas úteis. É construída com Next.js, React, TypeScript e MongoDB, com autenticação segura e uma interface moderna baseada em shadcn/ui.

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.

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 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.

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.