Projetos

O que começou como um papel de engenharia frontend evoluiu rapidamente para algo muito mais exigente. Dois meses depois, o Tech Lead deixou o projeto — deixando duas SPAs com dívida técnica severa: lógica embutida diretamente nos componentes, sem separação de responsabilidades e sem arquitetura clara. Na nova SPA que eu já havia começado a construir de forma independente, apliquei tudo do projeto anterior: Arquitetura Hexagonal, DDD, código limpo e Doc as Code. Construí scaffolding reutilizável para toda a unidade de negócios de ~20 engenheiros, integrei dois desenvolvedores júnior na nova arquitetura, escrevi documentação completa e lideiei a direção técnica do frontend. Além da arquitetura, assumi todas as responsabilidades de Tech Lead: liderar cerimônias Scrum, refinar e estimar trabalho, alinhar com UX/UI, comunicar diretamente com o cliente, apoiar a equipe de QA em problemas de pipeline e revisão de casos de teste, gerenciar guardiões de implantação e representar a perspectiva frontend em reuniões com backend e cliente.

• Herdei duas SPAs com dívida técnica significativa após a saída inesperada do Tech Lead
• Apliquei Arquitetura Hexagonal e DDD em uma nova SPA — primeira vez em escala bancária
• Construí scaffolding reutilizável adotado por uma unidade de negócios de ~20 pessoas em múltiplos produtos

• React
• TypeScript
• Hexagonal Architecture
• DDD
• TanStack Query
• Scrum

Este projeto foi um ponto de inflexão significativo na minha carreira. Construída para os operadores de uma conhecida marca de dispensadores, a plataforma gerenciava relatórios de incidentes, chat de suporte interno, rastreamento em tempo real e coordenação logística. Além do produto em si, foi aqui que me aprofundei em Arquitetura Hexagonal, DDD, princípios de código limpo e Doc as Code — aplicando-os em um ambiente de produção pela primeira vez. Também assumi um papel mais sênior: ajudando desenvolvedores júnior, assumindo ownership de decisões arquitetônicas, liderando revisões de código e explicando conceitos técnicos que iam além da tarefa imediata. O uso do TanStack Query me ensinou uma forma fundamentalmente diferente de pensar sobre gerenciamento de estado do servidor.

• Projetei e construí a plataforma usando Arquitetura Hexagonal e DDD — primeira aplicação em produção desses princípios
• Implementei práticas de Doc as Code: documentação viva alinhada com a estrutura do código
• Adotei TanStack Query para gerenciamento de estado do servidor — melhorou significativamente os padrões de fetching

• React
• Tailwind CSS
• TanStack Query
• Hexagonal Architecture
• DDD
• Unit Testing

Ingressei em um projeto para uma grande empresa têxtil para construir uma plataforma SaaS de logística projetada para operadores de armazém rastrearem remessas de caminhões, gerenciarem quantidades e monitorarem fluxos de pedidos. Construí um grande conjunto de componentes e fluxos completos de dashboard conectados a APIs ao vivo. Durante este projeto também explorei o desenvolvimento móvel — configurando o Android Studio e fazendo correções em Kotlin/Java — antes que o cliente decidisse ir apenas para Android. Em vez de seguir uma direção que não se alinhava com meu foco web, decidi seguir em frente. A experiência me deu uma forte intuição de produto SaaS e uma compreensão mais profunda do design de UI orientado a dados.

• Construí um dashboard SaaS completo com fluxos de dados complexos conectados a APIs de logística ao vivo
• Projetei e implementei UI voltada para operadores para rastreamento de remessas e gerenciamento de inventário
• Configurei o Android Studio e fiz correções em Kotlin/Java antes que o cliente pivotasse para apenas móvel

• React
• Redux
• Sass
• REST APIs
• Android Studio
• Kotlin

Com a tarefa de construir uma biblioteca de componentes completa para uma grande seguradora, comecei do zero: configurando o Webpack, resolvendo desafios de integração com uma stack legada rodando Node 10 e componentes React baseados em classes, e projetando uma API de componentes que funcionasse entre bases de código antigas e novas. Apesar de ter nominalmente o apoio de uma equipe de 15 pessoas em outros produtos, trabalhei completamente sozinho. Tive que autodefinir tarefas, escrever minhas próprias especificações, fazer refinamentos, estimar esforço e tomar decisões de UX de forma independente depois que a UX Lead entrou em licença estendida no meio do projeto. Entreguei a biblioteca com documentação completa no Storybook e uma migração de um fluxo de produto existente. Deixei o projeto pouco depois devido a más práticas de engenharia e ética do cliente.

• Entreguei uma biblioteca de componentes completa — da configuração do Webpack à documentação no Storybook
• Resolvi desafios complexos de integração com uma stack legada: Node 10, React antigo, class components
• Gerenciei de forma autônoma todo o ciclo de vida do projeto: definição de tarefas, refinamento, estimativa e entrega

• React
• Storybook
• Tailwind CSS
• CSS
• Webpack
• RTL

Após completar minha própria certificação de frontend na Coderhouse, fui convidado a ficar como Tutor Técnico. Em vez de apenas corrigir tarefas, fui significativamente além: construí e moderei uma comunidade ativa de aprendizado no Discord, realizei sessões de código ao vivo e compartilhamento de tela transmitidas pelo Twitch, liderei debates técnicos sobre tópicos que o curso não cobria e produzi conteúdo de aprendizado complementar. Esta experiência foi fundamental para como abordo a mentoria hoje — com clareza, estrutura e foco no crescimento a longo prazo em vez de apenas acertar o exercício.

• Completei múltiplos projetos de certificação frontend cobrindo HTML, CSS, JavaScript e React
• Construí e moderei uma comunidade no Discord que se tornou um espaço ativo de aprendizado entre pares
• Realizei sessões de código ao vivo e compartilhamento de tela via Twitch — expliquei conceitos não cobertos no currículo

• JavaScript
• React
• HTML5
• CSS3
• Discord
• Twitch

Desenvolvi um conjunto de boilerplates prontos para produção para uma empresa que buscava acelerar a entrega para seus clientes. O trabalho envolveu a construção de componentes React reutilizáveis e sistemas de layout baseados em Tailwind que pudessem ser rapidamente adaptados por cliente. O ambiente era de alta pressão com liderança técnica deficiente — o que, ironicamente, acelerou meu aprendizado. Tive que depurar problemas complexos de componentes de forma independente, navegar requisitos pouco claros e desenvolver julgamento sobre quando recuar. Uma experiência definidora para entender tanto o React em profundidade quanto como dinâmicas de equipe disfuncionais afetam a qualidade da engenharia.

• Construí uma biblioteca de componentes React reutilizáveis e templates de layout com Tailwind CSS
• Desenvolvi de forma independente sob pressão com mínima orientação de engenheiros sênior
• Obtive experiência prática profunda com arquitetura de componentes React e padrões de estado

• React
• Tailwind CSS
• JavaScript
• HTML5
• CSS3

Um dos meus primeiros projetos reais — construído colaborativamente com um colega ainda durante os estudos. Projetamos e desenvolvemos uma solução e-commerce completa do zero, cobrindo todo o ciclo de vida do produto: registro de clientes, gerenciamento de pedidos, rastreamento de estoque e um painel administrativo. Apesar de usar uma stack que hoje seria considerada legada, a experiência me expôs à complexidade real de entregar algo de ponta a ponta para um cliente real. Foi aqui que entendi pela primeira vez o que significa ser dono de um produto em vez de apenas escrever código.

• Construí o fluxo completo de e-commerce: catálogo de produtos, carrinho, checkout e gerenciamento de pedidos
• Projetei e implementei um sistema de gerenciamento de estoque e inventário
• Gerenciei os requisitos do cliente diretamente — primeira exposição à comunicação com stakeholders

• PHP
• HTML5
• CSS3
• Bootstrap
• JavaScript
• MySQL