Tiso Alvarez Puccinelli, Developer in São Paulo - State of São Paulo, Brazil
Tiso is available for hire
Hire Tiso

Tiso Alvarez Puccinelli

Verified Expert  in Engineering

Design Systems Developer

São Paulo - State of São Paulo, Brazil

Toptal member since June 29, 2021

Bio

Tiso is a software engineer with over five years of experience and an emphasis on front-end development. At IBM, he delivered applications using IBM Watson cognitive services, creating conversational trees for chatbots, and built internal pages with IBM's high design and accessibility standards. He improved reliability for another client by revamping the E2E testing suite and migrating web applications to React, transforming them into scalable products.

Portfolio

Circle
TypeScript, JavaScript, CSS, Tailwind CSS
Zemble
React, TypeScript, ESLint, i18n, Drag & Drop, CSS, Storybook, Testing...
PagSeguro Digital
JavaScript, Next.js, CSS, Design Systems, React, Node.js, REST, Express.js...

Experience

  • React - 8 years
  • Node.js - 8 years
  • JavaScript - 8 years
  • Unit Testing - 6 years
  • Design Systems - 5 years
  • E2E Testing - 4 years
  • TypeScript - 3 years
  • Next.js - 3 years

Availability

Part-time

Preferred Environment

Linux, Storybook, TypeScript, Git

The most amazing...

...contribution I made increased user conversion and decreased support calls with improvements on a registration form UX.

Work Experience

Lead Front-end Engineer

2022 - PRESENT
Circle
  • Championed the introduction of TypeScript, visual regression testing, and design systems to our platform to significantly improve the developer experience.
  • Created a fully-fledged WYSIWYG editor for customizing the application theme.
  • Migrated all text in the platform to translatable strings, allowing us to launch the product in multiple languages easily.
Technologies: TypeScript, JavaScript, CSS, Tailwind CSS

Senior Front-end Developer

2021 - 2022
Zemble
  • Collaborated with product and design to find the best ways to introduce new features and design system components to our product.
  • Introduced new code quality standards in our continuous integration pipeline through static code analysis, strict type checking, unit testing, and test coverage tools.
  • Contributed to an open-source project we depended on, with a new feature that involved using path-finding algorithms and programmatically drawing SVG images.
Technologies: React, TypeScript, ESLint, i18n, Drag & Drop, CSS, Storybook, Testing, Unit Testing, Visual Regression Testing, Design Systems, Code Review, Source Code Review

Senior Front-end Developer

2020 - 2021
PagSeguro Digital
  • Delivered improvements to our registration form that increased user conversion and decreased support calls.
  • Revamped our E2E testing suite to a new framework, which decreased our test and CI times and improved reliability.
  • Migrated existing pages to Next.js applications using PagSeguro's new look and feel.
  • Added new components to the company's design system.
  • Deployed and monitored applications on production environments.
Technologies: JavaScript, Next.js, CSS, Design Systems, React, Node.js, REST, Express.js, Redux, Storybook, Jest, Unit Testing, E2E Testing, ESLint, HTML, Linux, Docker, Agile, Functional Programming, Git, Code Review, Source Code Review, Visual Regression Testing, Testing

Full-stack Developer

2018 - 2020
Pagar.me
  • Developed, together with my team, new external REST API features and new requirements brought by the Brazilian Central Bank (BACEN).
  • Took charge of upgrading the Node.js version of our monolithic service, a job that took weeks of testing and refactoring to ensure a safe deployment.
  • Interfaced with the front-end team to create new components and pages in our new open-source React dashboard.
Technologies: Node.js, Express.js, PostgreSQL, MongoDB, React, Redux, Sequelize, Mongoose, E2E Testing, Unit Testing, Jest, Docker, i18n, Storybook, CSS, ESLint, Design Systems, HTML, Linux, JavaScript, REST, Agile, SQL, Functional Programming, Git, Socket.IO, Code Review, Source Code Review, Testing

Full-stack Developer

2016 - 2018
IBM
  • Delivered applications and integrations for external clients using IBM Watson cognitive services, which included creating and training conversational trees for chatbots.
  • Developed IBM's internal pages within design and accessibility standards.
  • Created internal tools to aid quality control of new pages.
Technologies: JavaScript, CSS, HTML, jQuery, IBM Watson, Gulp, Rollup, Express.js, Node.js, MongoDB, Mongoose, E2E Testing, Unit Testing, React, ESLint, Chatbots, Linux, REST, Agile, Scrum, SQL, Functional Programming, Git, Webpack, Code Review, Source Code Review, Testing

Experience

React Flow Smart Edge

https://www.npmjs.com/package/@tisoap/react-flow-smart-edge
An open-source npm module with a custom path-finding edge for the popular node graph library React Flow. This community contribution was made to fill the need for our product to have a connecting arrow that never intersects with other nodes.

User Onboarding Services

https://cadastro.pagseguro.uol.com.br/
A service within the iBanking architecture that's responsible for registering new users while taking measures against bots and integrating with other services that pull user information. I oversaw several improvements in our registration form that increased user conversion.

Pilot Dashbord

https://id.pagar.me
"Pilot" is the next iteration of Pagar.me's dashboard. As a full-stack developer, I contributed to this dashboard with new pages that consumed information from new endpoints that I also helped develop to display rich information for our users.

Education

2014 - 2015

Bachelor's Degree in Computer Science

Universidade São Judas Tadeu - São Paulo, Brazil

2011 - 2013

Bachelor's Degree in Information Technology

Fundação Armando Alvares Penteado - São Paulo, Brazil

Skills

Libraries/APIs

React, Node.js, jQuery, Socket.IO

Tools

Git, Webpack, Sequelize, Mongoose, IBM Watson, Gulp, Rollup

Languages

JavaScript, CSS, HTML, TypeScript, SQL

Frameworks

Redux, Jest, Next.js, Express.js, Tailwind CSS, React Native

Paradigms

E2E Testing, Unit Testing, REST, Testing, Agile, Functional Programming, Scrum

Platforms

Linux, Docker

Storage

MongoDB, PostgreSQL

Other

Software Development, Storybook, ESLint, Visual Regression Testing, Code Review, Source Code Review, Design Systems, i18n, Chatbots, Drag & Drop

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring