AntĂ´nio Zanotti

About

I was born in Gramado, a small tourist city in the south of Brazil, today I live in Florianópolis city. I started my journey when I was 16 years old, in 2006. I have 17 years of work experience developing scalable and highly complex web systems such as: multinational ecommerce platform, social recipe network, real estate websites, hotel network…

I have experience with Vue, React, Next.js, Vite, Node.js, TypeScript, TanStack Query, Axios, Storybook, UnoCSS + Tailwind CSS, Redux, Pinia, GraphQL, Vitest, Jest, Playwright, which are the most used technologies currently for frontend. I also have experience with PHP, Magento, CakePHP, Zend Framework, Data Modeling, SQL, MySQL, PostgreSQL, PL/pgSQL. I’m very experienced with Figma, HTML, CSS and JavaScript.

For most of my career, I worked as a Full Stack PHP developer. From 2023 onwards, I returned to the frontend, as it is the area of software development that I most identify with. I’m not a ready professional, and I never will be, because I’ll always be learning something more. I don’t feel comfortable in a leadership position today, but it’s something I want to develop.

Besides work, I love my husband, we’ve been living together for 8 years. I also like to study sociology, do exercises, take a track, go to the beach, hangout with friends, watercolour...

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

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.

Frontend Challenge

CoodeshApr 2024
Front-End DevelopmentNuxtSoftware ArchitectureTanStack QueryDocumentationSoftware DevelopmentVueNode.jsTypeScriptJavaScriptHTMLCSSTailwind CSSGitnpm

Project developed in just 3 days for the Coodesh company selection process. It has two pages that consume an API, one for listing and searching for Pokémon with infinite scrolling, and another with the Pokémon's details.

The project documentation on GitHub contains the provided design file, installation instructions, suggested improvements to the provided design file, and organization standards.

Tech Stack: Nuxt 3, Tailwind CSS, Typescript, Tanstack Query.

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

In 2023, I designed the transition to the JAMstack architecture, which will gradually replace the Magento platform by APIs. This migration will result in significant gains in application performance, and will provide greater independence for content managers. For this, I created a system using Vue, Vite, Pinia, Typescript, UNOCSS+Tailwind CSS, Storybook, urql for team collaborative development. I proposed improvements to data modeling in Hygraph (GraphQL Headless CMS), to improve performance and maintain the platform's flexibility.

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

From 2018 onwards, I led the migration process from Magento 1 to Magento 2, this update reduced page loading and creation of page caching by 50% on average. It took months of work, planning, refactoring code, testing and migrating data to complete the project, due to the high level of customization and subsystems. The migration was a success and very few bugs were found and promptly resolved. 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.