Antônio Zanotti

About

I have 17 years of professional experience developing scalable and highly complex web systems. I am a Frontend specialist in Vue, React, Next.js, Nuxt, Vite, TypeScript, Tailwind CSS, Redux, Pinia, GraphQL and I am committed to Clean Code, SOLID, Design Patterns, Automated Testing (Jest, Testing Library and Playwright), Accessibility and Performance Optimization. I am passionate about technology, analytical, self-taught, resilient, ethical, flexible, good communicator and team player.

I also have experience in the Backend with PHP, Magento, CakePHP, Zend Framework, Data Modeling, SQL, MySQL, PostgreSQL, PL/pgSQL. I am very experienced with Figma, HTML, CSS and 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

Chart and Table Builder from the IBGE (Brazilian Institute of Geography and Statistics) API

Aug 2024 - Oct 2024
Front-End DevelopmentSoftware DevelopmentTest AutomationUnit TestingNode.jsNuxtPlaywrightAxiosTanStack QueryNextUIJestnpmGitPiniaVueHTMLCSSTailwind CSSJavaScriptTypeScript

Open source project developed with Vue.js, Nuxt 3, TypeScript, JavaScript, HTML, Tailwind CSS, CSS, NuxtUI, Chart.js, Pinia, Zod.

Communication with the IBGE REST API by Tanstack Query and Axios. End-to-end and accessibility tests with Playwright and unit and integration tests with Jest and Testing Library. Installation instructions and design patterns in the GitHub project documentation, published on Vercel.

Mobile first, responsive, cross browser, accessibility level WCAG 2.2 AA, follows good SEO, UI/UX, performance, clean code and SOLID practices.

Emmanuel's Book Store

Apr 2024 - Present
Front-End DevelopmentSoftware ArchitectureReactNext.jsNode.jsTypeScriptJavaScriptTanStack QueryAxiosTest AutomationPlaywrightRegexData ModelingPostgreSQLPrismaSQLHTMLTailwind CSSCSSNextUISEOSoftware DevelopmentDocumentationFaker.jsGitnpm

React ecommerce for portfolio purposes, my biggest project created from scratch with Next.js to show what I can do. I highlight the search and shopping cart features.

The project documentation on GitHub contains installation instructions, organization standards, technologies used, and project features that you can try in the live version.

Principles: full responsive, full TypeScript, automated tests, built for CI/CD, clean code, client and server rendering, cache, UI/UX, performance and accessibility.

Topaz UI component library

TopazNov 2023 - Mar 2024
Front-End DevelopmentReactVueNext.jsViteTypeScriptNode.jsJavaScriptTailwind CSSCSSHTMLnpmStorybookGitTest AutomationUnit TestingJestVitest

Develop this UI component library for React and Vue projects. Created some reusable components (button, heading, icon, input, textarea, tag and toggle theme so far), fully responsive, built-in TypeScript support, dark and light theme, font size and colors customizable through preset.

Maintain React version using Next.js, TypeScript, Tailwind CSS, Jest and Testing Library for Unit Testing, tsdx for packaging, Storybook for documentation. Go to GitHub, NPM or Documentation.

Maintain Vue version using using Vite, TypeScript, UnoCSS with Tailwind CSS, Vitest and Testing Library for Unit Testing. Go to GitHub, NPM or Documentation.

Experience

Full Stack Developer

MAD Design GroupSydney, New South Wales, AustraliaJul 2015 - Dec 2023
Front-End DevelopmentTypeScriptJavaScriptTailwind CSSCSSHTMLStorybookViteVueNode.jsPiniaGraphQLGitMySQLSQLData ModelingOOPSoftware DevelopmentKanbanNetSuiteMagentoZend FrameworkPHPCommunicationEnglish

Australian multinational with 5 brands present in 6 markets in the United States, Canada, Europe, Australia, the United Kingdom and Globally, around 30 e-commerces for sales of eco friendly fireplaces, bioethanol, concrete furniture, decorative items and heaters.

In 2023 I started the transition of frontend to Vue, Vite, Pinia, Typescript, Tailwind CSS, Storybook, urql for collaborative team development. I proposed improvements in data modeling in Hygraph (GraphQL Headless CMS), to improve performance while maintaining the flexibility of the service.

I developed, from 2019, an order synchronization system between Magento and Netsuite in both directions, using PHP, MySQL, SuiteScripts (Netsuite) and Crons, resulting in a 99% reduction in manual order entry. This reduced errors associated with manual data entry, and also contributed to reduced delivery time and order traceability. See more...

Front-end Developer

MoovwebCalifornia, United StatesOct 2012 - Sep 2013
Front-End DevelopmentJavaScriptSASSCSSHTMLGitRegexCommunicationEnglish

Developed mobile interface of approximately 20 e-commerces using JavaScript, HTML, CSS, SASS, Regex and Git. Collaborating with the sales team, my role involved creating demo videos of mobile interfaces. This collaborative effort resulted in great customer acquisition success, providing the team with evidence to present to potential customers.