Sobre mim

Um pouco sobre mim

Sou Danilo, Desenvolvedor Front-end Sênior, em São Paulo. Comecei no design digital e na web desde Flash, criando interfaces e peças interativas.

Hoje atuo como desenvolvedor de software com foco em frontend em produtos corporativos e portais de alto tráfego, em squads multidisciplinares. Trabalho em setores como telecom, marketplaces e instituições.

Já entreguei projetos para UNICEF, Porto Seguro e Tenda e atuo em produtos de empresas como iFood e Claro, entre outras. Minha atuação inclui decisões técnicas, performance, testes automatizados e qualidade no pipeline.

Trajetória

Design digital. Primeiros anos criando interfaces, peças animadas e experiências visuais para web e campanhas. Trabalhava layout, identidade e motion antes de escrever a base do código. Essa origem ainda influencia como penso hierarquia visual, animação e usabilidade em produto.

Web desde Flash. Sites e peças interativas em Flash e ActionScript, quando animação e lógica já conviviam no mesmo arquivo. Foi quando entendi que interface e comportamento precisam ser pensados juntos, não como entregas separadas entre design e desenvolvimento.

Interfaces e animação. Motion design, microinterações e prototipagem passaram para HTML, CSS e JavaScript. Passei a implementar o que antes só especificava: transições, carregamento progressivo e feedback visual em interfaces reais.

Desenvolvimento web. Entrada definitiva em produtos web para marcas de grande porte. Portais institucionais, campanhas interativas e peças de alto tráfego, sempre com foco em entrega em produção, não só em protótipo.

Frontend moderno. Especialização em Vue, React e ecossistemas atuais, com TypeScript e componentização. Também apps mobile e desktop (Ionic, Tauri) quando o produto exige ir além do browser.

Hoje. Atuação em arquitetura front-end, qualidade no pipeline e entrega contínua em squads multidisciplinares. Harness Engineering e desenvolvimento assistido por IA fazem parte do fluxo, com spec, testes e revisão humana antes de cada deploy.

Como trabalho

Priorizo performance (carregamento sob demanda, interações fluidas, componentização) e qualidade de entrega: testes automatizados, cobertura acordada com o time, análise estática e quality gate antes de produção. Participo de code review e contribuo para decisões que afetam escala e manutenção. Trabalho com Harness Engineering, incluindo Spec-Driven Development (SDD) e Cursor no fluxo diário.

Tecnologias, ferramentas e práticas

Front-end

  • HTML5
  • CSS3
  • SASS
  • LESS
  • Tailwind CSS
  • Bootstrap
  • JavaScript
  • ES6+
  • TypeScript
  • Vue.js
  • Vue 2
  • Vue 3
  • Pinia
  • Vuex
  • Vue Router
  • Nuxt.js
  • React
  • Redux
  • Next.js
  • Angular
  • jQuery
  • Web Components
  • Acessibilidade
  • WCAG
  • Performance Web
  • Core Web Vitals
  • Responsive Design
  • PWA
  • SEO técnico

Back-end & Data

  • Node.js
  • Express
  • PHP
  • Laravel
  • REST APIs
  • GraphQL
  • MySQL
  • PostgreSQL
  • DynamoDB
  • MongoDB

Cloud & DevOps

  • AWS
  • Amazon Web Services
  • EC2
  • S3
  • Lambda
  • Serverless Framework
  • Docker
  • CI/CD
  • GitHub Actions
  • Vercel
  • Netlify

Mobile & Desktop

  • Ionic
  • Capacitor
  • Tauri

Qualidade & Testes

  • Jest
  • Vitest
  • Cypress
  • Playwright
  • ESLint
  • SonarQube
  • Quality Gate
  • Code Review
  • Testes Unitários
  • TDD
  • Husky

Ferramentas

  • Git
  • Git Flow
  • NPM
  • Yarn
  • pnpm
  • Vite
  • Webpack
  • Babel
  • Husky

Design & UX

  • Figma
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe XD
  • Zeplin
  • Design System
  • Prototipagem
  • UI Design

Motion & Games

  • Adobe Premiere
  • Adobe After Effects
  • Adobe Animate
  • Godot
  • Unity
  • Motion Design
  • Game Development

Workflow

  • Agile
  • Scrum
  • Kanban
  • Harness Engineering
  • Spec-Driven Development
  • SDD
  • Cursor
  • IA Generativa
  • Generative AI
  • Mentoria técnica
  • Pair Programming

Formações e cursos

  • Learn to Make a 3D Platformer Game with Unity & C# · Giorgi Luarsabishvili
  • Complete C# Unity Game Developer 3D (Updated To Unity 6) · GameDev.tv Team
  • Complete Blender Creator: Learn 3D Modelling for Beginners · GameDev.tv Team
  • Introduction to Data Science using Python (Module 1/3) · Rakesh Gopalakrishnan
  • Terraform (v0.14): Automatizando sua infraestrutura na AWS · Cleber Gasparoto
  • AWS Serverless APIs & Apps - A Complete Introduction · Academind by Maximilian Schwarzmüller
  • Advanced Laravel and Vuejs - Build a Youtube clone · Frantz Kati
  • RESTful API with Laravel: Build a Real API with Laravel · JuanD MeGon
  • Criando REST API com Laravel 8 · GliderSI Desenvolvimento de Software
  • React - The Complete Guide 2025 (incl. Next.js, Redux) · Academind by Maximilian Schwarzmüller
  • Nuxt.js 2 - Vue.js on Steroids · Academind by Maximilian Schwarzmüller
  • Vue JS - Guia Completo (Vue CLI, Vue Router, Vuex e GraphQL) · Plínio Naves
  • React vs Angular vs Vue.js by Example · Gary Simon
  • React basic in just 1 hour [2022] · Leo Trieu
  • Leveling up to ES6 · Cody Seibert
  • #JavaScript30 30 Day Vanilla JS Coding Challenge · Wes Bos
  • The Coding Interview Bootcamp: Algorithms + Data Structures · Udemy
  • Javascript: Understanding Weird Parts · Udemy
  • Algoritmos e Lógica - I · Estía Training
  • HTML5 para quem não sabe nada de HTML5 · Paulo Andrade, Ph.D.
  • Introdução à Linguagem HTML · Diego Mariano, Ph.D.

Conhecimentos

Competências que aplico em produção, do componente ao deploy.

Além da stack, trabalho com Harness Engineering: memória de contexto, bootstrap e specs em Markdown, com SDD como parte do fluxo. Uso Cursor para implementação e revisão assistida, GitHub Actions no CI/CD e validação humana antes de cada entrega ir para produção.

Frontend

  • Vue
  • React
  • Next.js
  • TypeScript
  • HTML/CSS
  • Acessibilidade

Qualidade

  • Vitest
  • Jest
  • Cypress
  • Playwright
  • ESLint
  • SonarQube
  • Quality Gate

Arquitetura e Entrega

  • CI/CD
  • GitHub Actions
  • Docker
  • Design Systems
  • Git Flow

IA e Produtividade

  • Harness Engineering
  • SDD
  • Cursor
  • IA assistida

Complementar

  • Node.js
  • PHP/Laravel
  • Ionic
  • Tauri

Portfólio

Site | UNICEF

Portal nacional de combate à evasão escolar, com alto impacto social e visibilidade pública. Desenvolvimento front-end do site institucional. Stack: HTML, SASS, JavaScript. Desafio: interface clara e acessível para público amplo, com boa performance em dispositivos variados.

HTML | SASS | JavaScript

Site | UNICEF

Site | UNICEF

Site | Porto Seguro

Portal de seguro aluguel residencial para a Porto Seguro. Implementação front-end de layouts e interações. Stack: HTML, SASS, jQuery. Desafio: consistência visual entre páginas e formulários em produto regulado.

HTML | SASS | jQuery

Site | Porto Seguro

Site | Porto Seguro

Landing Page | Porto Seguro

Landing institucional do Instituto Porto Seguro. Desenvolvimento front-end da página de campanha. Stack: HTML, SASS, jQuery. Desafio: conversão e clareza de mensagem em página única, otimizada para campanha.

HTML | SASS | jQuery

Landing Page | Porto Seguro

Landing Page | Porto Seguro

Site | Tenda Mobile

Versão mobile do portal Tenda, alinhada à experiência do app. Front-end responsivo e adaptação de fluxos mobile. Stack: HTML, CSS, JavaScript. Desafio: paridade de experiência entre app e web em dispositivos móveis.

HTML | CSS | JavaScript

Site | Tenda Mobile

Site | Tenda Mobile

Site | Tenda

Campanha de lançamento de marca: usuários enviavam fotos que formavam um mosaico até revelar a nova identidade. Desenvolvimento da mecânica interativa e integração visual. Stack: HTML, CSS, JavaScript. Desafio: experiência participativa com upload e composição visual em tempo real.

HTML | CSS | JavaScript

Site | Tenda

Site | Tenda

Site | Pequenos Decoradores

Portal do concurso Pequenos Decoradores (Tenda). Front-end do site de inscrição e conteúdo do concurso. Stack: HTML, CSS, JavaScript. Desafio: fluxo de inscrição claro para público familiar, em campanha sazonal.

HTML | CSS | JavaScript

Site | Pequenos Decoradores

Site | Pequenos Decoradores

Site | Plano Faixa Preta

Site institucional para empreendimento Plano & Plano. Implementação front-end de páginas institucionais. Stack: HTML, CSS, JavaScript. Desafio: apresentação de empreendimento imobiliário com hierarquia visual e navegação objetiva.

HTML | CSS | JavaScript

Site | Plano Faixa Preta

Site | Plano Faixa Preta

Site | Share

Site institucional da Share. Desenvolvimento front-end do portal corporativo. Stack: HTML, SASS, jQuery. Desafio: estrutura de conteúdo corporativo multi-seção, mantendo consistência de marca.

HTML | SASS | jQuery

Site | Share

Site | Share

Landing Page | Kallas

Landing de empreendimento imobiliário Bosque da Saúde. Front-end da landing de lançamento. Stack: HTML, SASS, jQuery. Desafio: página de conversão para lançamento, com foco na apresentação visual do empreendimento.

HTML | SASS | jQuery

Landing Page | Kallas

Landing Page | Kallas