Antônio Zanotti

About

Tenho 17 anos de experiência profissional desenvolvendo sistemas web escaláveis e de alta complexidade. Especialista Frontend em Vue, React, Next.js, Nuxt, Vite, TypeScript, Tailwind CSS, Redux, Pinia, GraphQL e comprometido com Clean Code, SOLID, Design Patterns, Testes Automatizados (Jest, Testing Library e Playwright), Acessibilidade, SEO e Otimização de Performance. Apaixonado por tecnologia, analítico, autodidata, resiliente, ético, flexível, boa comunicação e team player.

Também tenho experiência no Backend com PHP, Magento, CakePHP, Zend Framework, Modelagem de Dados, SQL, MySQL, PostgreSQL, PL/pgSQL. Sou muito experiente com Figma, HTML, CSS e JavaScript.

const birthday = new Date("1990-04-18");
const location = "Florianópolis, Brazil";
const pronouns = ["he", "him"];
const degree = "Internet Systems Technologist (FEEVALE, 2010)";
const values = ["ethic", "love", "freedom"];

Projects

Construtor de Gráficos e Tabelas a partir da API do IBGE

Aug 2024 - Oct 2024
Desenvolvimento Front-EndDesenvolvimento de SoftwareTestes AutomatizadosTeste UnitárioNode.jsNuxtPlaywrightAxiosTanStack QueryNextUIJestnpmGitPiniaVueHTMLCSSTailwind CSSJavaScriptTypeScript

Projeto open source desenvolvido com Vue.js, Nuxt 3, TypeScript, JavaScript, HTML, Tailwind CSS, CSS, NuxtUI, Chart.js, Pinia, Zod.

Comunicação com a REST API do IBGE com Tanstack Query e Axios. Testes end-to-end e de acessibilidade com Playwright e testes unitários e de integração com Jest e Testing Library. Instruções de instalação e design patterns na documentação do projeto GitHub, publicado na Vercel.

Mobile first, responsivo, cross browser, acessibilidade nível WCAG 2.2 AA, segue boas práticas de SEO, UI/UX, performance, clean code e SOLID.

Emmanuel's Book Store

Abr 2024 - Presente
Desenvolvimento Front-EndArquitetura de SoftwareReactNext.jsNode.jsTypeScriptJavaScriptTanStack QueryAxiosTestes AutomatizadosPlaywrightRegexModelagem de DadosPostgreSQLPrismaSQLHTMLTailwind CSSCSSNextUISEODesenvolvimento de SoftwareDocumentaçãoFaker.jsGitnpm

Ecommerce React para fins de portfólio, meu maior projeto criado do zero com Next.js para mostrar o que sou capaz. Destaco as funcionalidades de busca e carrinho de compras.

A documentação do projeto no Github contém instruções de instalação, padrões de organização, tecnologias utilizadas e funcionalidades que você pode experimentar na versão live.

Princípios: responsivo, TypeScript, testes automatizados, construído para CI/CD, código limpo, renderização cliente e servidor, cache, UI/UX, performance e acessibilidade.

Biblioteca de componentes UI Topaz

TopazNov 2023 - Mar 2024
Desenvolvimento Front-EndReactVueNext.jsViteTypeScriptNode.jsJavaScriptTailwind CSSCSSHTMLnpmStorybookGitTestes AutomatizadosTeste UnitárioJestVitest

Desenvolvi essa biblioteca de componentes UI para projetos React e Vue. Criei alguns componentes reutilizáveis (button, heading, icon, input, textarea, tag e toggle theme até o momento), totalmente responsiva, com suporte a TypeScript, tema escuro e claro, tamanho de fonte e cores customizáveis através de preset.

Mantenho a versão React usando Next.js, TypeScript, Tailwind CSS, Jest e Testing Library para Testes Unitários, TSDX para empacotamento, Storybook para documentação. Veja no GitHub, NPM ou a Documentação.

Mantenho a versão Vue usando Vite, TypeScript, UnoCSS com Tailwind CSS, Vitest e Testing Library para Testes Unitários. Veja no GitHub, NPM ou Documentação.

Experience

Desenvolvedor Front-end CSS/HTML

KnowBe4Estados UnidosFev 2025 - Presente
Desenvolvimento Front-EndPOOComunicaçãoInglêsGitHTMLCSSJavaScript

Projetar e desenvolver soluções e modelos JavaScript e Cascading Style Sheet (CSS) para criar cursos on-line, avaliações, jogos e outras ferramentas.

Coordenar com a equipe de engenharia para discutir os requisitos específicos necessários para criar cursos, avaliações ou jogos específicos.

Trabalhar em estreita colaboração com a equipe de gráficos para replicar documentos de design em HTML/CSS. See more...

    Desenvolvedor Full Stack

    MAD Design GroupSydney, New South Wales, AustraliaJul 2015 - Dez 2023
    Desenvolvimento Front-EndTypeScriptJavaScriptTailwind CSSCSSHTMLStorybookViteVueNode.jsPiniaGraphQLGitMySQLSQLModelagem de DadosPOODesenvolvimento de SoftwareKanbanNetSuiteMagentoZend FrameworkPHPComunicaçãoInglês

    Multinacional australiana de 5 marcas presente em 6 mercados Estados Unidos, Canada, Europa, Austrália, Reino Unido e Global, cerca de 30 e-commerces para vendas de lareiras ecológicas, bioetanol, móveis de concreto, itens de decoração e aquecedores.

    Em 2023 iniciei a transição do frontend para Vue, Vite, Pinia, Typescript, Tailwind CSS, Storybook, urql para desenvolvimento colaborativo em equipe. Propus melhorias na modelagem de dados no Hygraph (GraphQL Headless CMS), para melhorar a performance e mantendo a flexibilidade do serviço.

    Desenvolvi, a partir de 2019, sistema de sincronização de ordens entre Magento e Netsuite em ambas direções, usando PHP, MySQL, SuiteScripts (Netsuite) e Crons, resultando na redução de 99% da entrada manual de ordens. Isso reduziu erros associados com a entrada manual de dados, e também contribuiu para redução do tempo de entrega e rastreabilidade dos pedidos. See more...

    Desenvolvedor Front-end

    MoovwebCalifornia, Estados UnidosOut 2012 - Set 2013
    Desenvolvimento Front-EndJavaScriptSASSCSSHTMLGitRegexComunicaçãoInglês

    Desenvolvi a interface mobile de aproximadamente 20 e-commerces usando JavaScript, HTML, CSS, SASS, Regex e Git. Colaborando com o time de vendas, meu papel envolvia a criação de vídeos demonstrativos de interfaces mobile. Esse esforço colaborativo resultou em grande sucesso na aquisição de clientes, provendo para o time uma evidência para apresentar para potenciais clientes.