Pular para o conteúdo
Vinicius Machioni
Front-End Engineer

Vinicius
Machioni

Construo interfaces de alta performance e acessíveis com React, Next.js e TypeScript — e desço até a API, o banco e o deploy quando a funcionalidade exige.

Vinicius Machioni, Front-End Engineer

Sobre

Sou front-end engineer e construo aplicações web em produção desde 2023 com React, Next.js e TypeScript — com foco em performance, acessibilidade e código que outra pessoa consegue manter depois de mim.

Hoje construo o front-end React do IAtrix, plataforma SaaS de gestão integrada a um back-end em C# e .NET, e antes liderei a reestruturação do portal institucional da PUC Minas Poços de Caldas, hoje no ar em pucpcaldas.br.

Não paro na borda do front-end: quando a interface precisa de uma API, de tempo real ou de um modelo de dados que faça sentido, eu construo. É por isso que meus projetos vão de site institucional de universidade a plataforma SaaS com IA e board colaborativo em tempo real.

Me preocupo com acessibilidade não como checklist de auditoria, mas porque interface que exclui usuário é interface quebrada — foi daí que nasceu o Ally-AI.

Bacharel em Ciência da Computação pela PUC Minas, cursando pós-graduação em Arquitetura de Software, Ciência de Dados e Cybersecurity. Português nativo e inglês avançado.

Disponível para vagas 100% remotas, em CLT, PJ ou como contractor.

  • Front-end com raiz na stack

    React, Next.js e TypeScript no dia a dia — e Node.js/Fastify, C# e .NET, Laravel, PostgreSQL e tempo real via WebSocket quando a interface precisa que o back-end exista.

  • Produção, não protótipo

    O IAtrix, o portal institucional da PUC Minas Poços e o CRM da Viaja + Chris estão no ar e em uso hoje.

  • Acessibilidade não é item opcional

    WCAG 2.1 com axe-core, ARIA, navegação por teclado, leitores de tela e auditoria de contraste dentro do processo de code review.

  • Performance medida, não sentida

    Na PUC Minas, o LCP das páginas principais caiu para menos de 2 segundos com lazy loading, code splitting e revisão da estratégia de renderização.

  • Testes onde o risco justifica

    No Flowboard, testes end-to-end com Playwright validam a consistência do estado entre duas sessões editando o mesmo board ao mesmo tempo.

  • IA como ferramenta, não enfeite

    Geração de questões no Certeon, conversão de violações de acessibilidade em código no Ally-AI e validação de serviços por foto no IAtrix.

Habilidades

Front-end

  • REACT
  • NEXT.JS
  • APP ROUTER
  • TYPESCRIPT
  • JAVASCRIPT
  • TAILWIND
  • VUE.JS
  • VITE
  • ZUSTAND
  • RADIX UI
  • TANSTACK
  • ZOD

Acessibilidade e performance

  • WCAG 2.1
  • AXE-CORE
  • ARIA
  • NAVEGAÇÃO POR TECLADO
  • LEITORES DE TELA
  • CORE WEB VITALS
  • LCP
  • CLS
  • LAZY LOADING
  • CODE SPLITTING

Back-end e dados

  • NODE.JS
  • EXPRESS
  • FASTIFY
  • API REST
  • WEBSOCKETS
  • PRISMA
  • C# / .NET
  • LARAVEL
  • RUBY ON RAILS
  • POSTGRESQL
  • MYSQL
  • GRAPHQL

Testes e qualidade

  • PLAYWRIGHT
  • VITEST
  • REACT TESTING LIBRARY
  • END-TO-END
  • CODE REVIEW
  • CLEAN CODE
  • SOLID

DevOps e ferramentas

  • DOCKER
  • DOCKER COMPOSE
  • GIT
  • GITHUB ACTIONS
  • GITLAB CI/CD
  • AWS
  • GOOGLE CLOUD
  • AZURE
  • TURBOREPO
  • PNPM

Integrações e IA

  • GEMINI API
  • CLAUDE CODE
  • MCP
  • PUPPETEER
  • STRIPE
  • WHATSAPP BUSINESS API
  • INSTAGRAM API
  • OAUTH 2.0
  • FIREBASE

Projetos

Interface do projeto Certeon
  • NEXT.JS
  • PRISMA
  • POSTGRESQL
  • PG-BOSS

Certeon

Banco de questões para provas de residência médica: ingestão de provas em PDF, estudo com repetição espaçada e painel de revisão com caderno de erros, além de geração de questões por IA com processamento em background via pg-boss.

Ver Websitedo projeto Certeon (abre em nova aba)

PRIVADO— o repositório deste projeto não é público

Interface do projeto Ally-AI
  • NEXT.JS
  • NODE.JS
  • PUPPETEER
  • GEMINI API

Ally-AI

SaaS de auditoria de acessibilidade: motor sobre Chrome headless com Puppeteer e axe-core aponta falhas de contraste, ARIA e foco de teclado (WCAG 2.1), e o Gemini converte cada violação em correção concreta de código. Monorepo Turborepo, créditos via Stripe e atualizações em tempo real com Socket.io.

Interface do projeto Flowboard
  • NEXT.JS
  • FASTIFY
  • WEBSOCKET
  • PLAYWRIGHT

Flowboard

Board colaborativo com sincronização via WebSocket entre usuários editando o mesmo board ao mesmo tempo, e testes end-to-end em Playwright validando a consistência do estado com duas sessões concorrentes.

Interface do projeto Slotly
  • REACT
  • TANSTACK
  • ZOD
  • LARAVEL

Slotly

Motor de agendamento que calcula a disponibilidade no servidor e impede double booking em tempo real, convertendo o UTC do servidor para o timezone local do usuário. SPA em React com TanStack Router e Query, validação com Zod e componentes acessíveis com Radix UI.

Interface do projeto PUC Minas Poços
  • REACT
  • TYPESCRIPT
  • TAILWIND
  • GITLAB CI/CD

PUC Minas Poços

Reestruturação do portal institucional da universidade, hoje no ar e em uso por alunos, professores e candidatos: LCP das páginas principais abaixo de 2s com lazy loading e revisão da estratégia de renderização, sobre uma base de componentes reutilizáveis adotada pelo time.

Ver Websitedo projeto PUC Minas Poços (abre em nova aba)

PRIVADO— o repositório deste projeto não é público

Pronto para construir
O Futuro?

Disponível para vagas 100% remotas, em CLT, PJ ou como contractor.