João Paulo Hildebrandt

Feito peça por peça. Para durar.Feito peça por peça. Para durar.

Sou João Paulo, engenheiro full-stack com foco em frontend, no Porto. Construo produtos em React e TypeScript, design systems e interfaces acessíveis e testadas para equipes como Hapimag, Betfair, Kantar e OLX.

Vamos conversar

LinkedIn GitHub

01EQUIPES PARA AS QUAIS CONSTRUÍ

11111 111111 111 1111111111 111111 11111 11111 111 1111111111 111 111 11111 111 1111 111 1111 1111 11111 111 11 111 111 11111 111 1111 111 11111 11111 11111 1111 1 11111111111 11 111 111 111 111 111111 111111 11 111 111 111 111 1111111 11111111 111 11 1111 11 111 1111111 111 111111 111 111 11 111 111 111 11 11111 111 11 111 1111 111 111 111 111 1111 111 111 11 111 111 111 1111 111 111 11111 11111111111 111111111111 111111 11111 111 11111111111 11111 1111111111
111 111 1111111 111 111 111 1111 11 111 111 111 111111111111 1111111111 11111111 11111111 1111111111 111 111111111 11111 1111 1111 1111 1111111 1111111 1111 1111 111 11111 11 111 111 111 111 111 111 111 111 111 111 111 11111111111111 111 111 1111111111111 111 111 111 111 1111111111111 111 111 1111 1111 111 111 111 111 111 111 111 111 111 111 111 11111 11111 11111 1111 1111 111 11111 11111 111 111 111 11111111 1111111111 1111111 111 111111111111 111 111
111 111 111 111 11 1111111111 111 11111111 111 111 11111 1111 11 111 1111 111 1111 111 111 11111 11111 11 111 111111 11 111 111 111 111 111 1111111 11 111 11 111 111111111 111 111 11 111 111 111 11 111 111 111 1111111 111 111 111111111 111 11111 111 111111111 11 111 111 111 111 111 111 1111 111 111 111 11 111 111 111 11 11 111 11 111 111 111 11 11
1111 1111 11 1111 111111111 1111 111 111 111111111111 1111 11111 11111 1111 1111 1111 1111111111 1111 111 111111111 1111111 1111 111 111111111 111111 1111 1111 111111111 1111 11111 11111 11111 1111111111 11111 11111 111111 11 111
111 111111 111 1111111 111111 111 1111111 1111111 111 111111 111111 111111111 1111111111111 11111111111 1111111111111 111111 11111111111 111111 111 1111 111 111 111 1111 1111 111 111 11111 111 111 111 111 111 111 111 11 111111 111 111 111 111 111 111 111 111 11111111 111 111 111 111 111 111 111 111111 111 111 1111 111 111 111 1111 111 111 111 1111111111111 11111111111 1111111111111 111 11111111111 1111111 111 1111111 1111111 111 111 1111111

Projetos pela 99x, Aubay × Blip.pt (Flutter), Alter Solutions e Softo, além da Super Desenvolvedores, o negócio que cofundei no Rio.

Suíça · Reino Unido · Portugal · Brasil

02LISTA DE PEÇAS

Uma placa, dez peças, uma máquina inteira.Uma placa, dez peças, uma máquina inteira.

Um computador é uma caixa de peças que fazem um trabalho cada e se conectam por um encaixe padrão. Construo interfaces do mesmo jeito: componentes pequenos e bem testados, com APIs claras, compostos em produtos que as equipes podem continuar expandindo sem superaquecer a máquina.

Fig. 1 · As mesmas dez peças, montadas de novo. Arraste para girar.

01PAINEL FRONTAL
Interfaces
Interfaces de produto em React, TypeScript e Next.js: responsivas, acessíveis (WCAG) e agradáveis de usar.
REACT · TYPESCRIPT · NEXT.JSREACT · TYPESCRIPT · NEXT.JS · TAILWIND
02PLACA-MÃE
Design systems
Bibliotecas de componentes no Storybook que mantêm as equipes consistentes e aceleram as entregas.
STORYBOOK · RADIX UI · MATERIAL UI
03MEMÓRIA
Testes
Testes unitários, end-to-end, visuais e de regressão que encontram os bugs antes dos usuários.
JEST · VITEST · PLAYWRIGHT · CYPRESS
04COOLER
Performance
Interfaces leves e rápidas: code splitting, prefetch por intenção e renderização granular.
REACT COMPILER · TANSTACK · VITE
05ARMAZENAMENTO
Full stack e migrações
APIs e dados quando o produto precisa, e migrações sem drama.APIs e dados quando o produto precisa, e migrações sem drama: PHP → NestJS, MySQL → PostgreSQL, Angular → React.
NODE.JS · NESTJS · POSTGRESQL · FASTAPI

Fig. 2 · O engenheiro. Sem vista explodida disponível.

03ESPECIFICAÇÕES

Raízes no Rio. Construindo no Porto.Raízes no Rio. Construindo no Porto.

Minha carreira começou no Rio de Janeiro em 2018, como jovem aprendiz na OLX: primeiro automatizando planilhas de auditoria, depois construindo painéis animados em React com os melhores agentes de suporte do mês. O Rio me ensinou a construir do zero: cofundei um pequeno negócio e liderei a migração de uma fintech para uma stack moderna. O Porto me ensinou a fazer durar: design systems, suítes de testes e produtos que equipes na Suíça, no Reino Unido e em Portugal continuam expandindo.

Me importo com o que ninguém nota até quebrar: a API de um componente, o teste que falha primeiro, a página que continua rápida em um computador simples. Me dê a responsabilidade por um problema e vou levá-lo do diagnóstico à entrega, deixando a base de código mais fácil para quem vier depois.

BASE: Porto, Portugal
IDIOMAS: Português (nativo) · Inglês (C1)

FORMAÇÃO: Bacharelado em Sistemas de Informação na FIAP, 2019 a 2021
TAMBÉM: ESL Communication Skills na Rice University, 2022 · Cisco IT Essentials

04SEQUÊNCIA DE BOOT

Aprendi sistemas desmontando máquinas.Aprendi sistemas desmontando máquinas.

Antes de escrever código, eu abria computadores e trocava suas peças. Ainda depuro assim: acho a peça que falha, troco, testo de novo. Depois, uma camada por vez: redes, a web, código, produtos e, agora, os modelos que escrevem código comigo.

~/joao/boot.log40 × 2480 × 24

[ post ]hardware[ post ]hardwareOKOK

[ 2011 ]microlins[ 2011 ]microlinsOKOK

[ 2017 ]step-it[ 2017 ]step-itOKOK

[ 2018 ]olx[ 2018 ]olxOKOK

[ 2019 ]fiap[ 2019 ]fiapOKOK

[ 2022 ]alter[ 2022 ]alterOKOK

[ hoje ]homelab[ hoje ]homelabOKOK

[ hoje ]cindelo[ hoje ]cindeloEXECUTANDOEXECUTANDO

joao@porto ~ %open ~/setup

05HISTÓRICO DE REVISÕES

Duas costas, um ofício.

Desde 2018: dos classificados e startups do Rio de Janeiro às equipes remotas na Europa. Do mais recente ao mais antigo.

Portugal

2022 → HOJE · REV. D–F

Feito para durar: sistemas, testes e equipes além-fronteiras.

2025 → hoje
Suíça · remotoSuíça · remoto
Engenheiro de Software
99x para a Hapimag
Construindo do zero uma plataforma de gestão de equipes para uma empresa suíça com resorts na Europa: React e TypeScript no frontend, Python e FastAPI no backend, Contentful para conteúdo.Construindo do zero uma plataforma de gestão de equipes para uma empresa suíça com resorts na Europa: React e TypeScript no frontend, Python e FastAPI no backend, Contentful para conteúdo. Componentes reutilizáveis, performance, escalabilidade e mentoria.
REACT · TYPESCRIPT · TANSTACK · FASTAPIREACT · TYPESCRIPT · TANSTACK · FASTAPI · CONTENTFUL
2023 → 2025
Portugal · remotoPortugal · remoto
Engenheiro de Software
Aubay para a Blip.pt · Betfair
Funcionalidades centrais de frontend para a plataforma da Betfair, em React e React Native. Manutenção de um design system no Storybook, com testes unitários, E2E, visuais e de regressão.Funcionalidades centrais de frontend para a plataforma de apostas esportivas da Betfair, do grupo Flutter, em React e React Native. Manutenção e evolução de um design system compartilhado no Storybook, coberto por testes unitários, E2E, visuais e de regressão.
REACT · REACT NATIVE · STORYBOOKREACT · REACT NATIVE · TYPESCRIPT · STORYBOOK · PLAYWRIGHT
2022 → 2023
Reino Unido · remotoReino Unido · remoto
Engenheiro de Software
Alter Solutions para a Kantar XTEL
Modernização de sistemas legados, com testes Playwright no Storybook e funcionalidades acessíveis (WCAG) com Radix UI.Modernização de sistemas legados de uma divisão da Kantar, com testes end-to-end em Playwright dentro do Storybook e funcionalidades acessíveis (WCAG) construídas com Radix UI.
REACT · RADIX UI · PLAYWRIGHTREACT · RADIX UI · STORYBOOK · PLAYWRIGHT

PORTO · 8.000 KM · RIOPORTO · CERCA DE 8.000 KM DE ATLÂNTICO · RIO DE JANEIRO

Rio de Janeiro

2018 → 2022 · REV. A–C

Feito peça por peça: de jovem aprendiz a cofundador.

2021 → 2022
Rio · remotoRio de Janeiro · remoto
Desenvolvedor Full Stack
Softo para a Doare
Para uma fintech: migrei microsserviços PHP para uma API NestJS, reconstruí a camada de dados de MySQL para PostgreSQL e migrei sozinho o aplicativo de Angular para React.Para uma fintech: liderei a migração de microsserviços PHP para uma API NestJS, reconstruí a camada de dados de MySQL para um esquema PostgreSQL normalizado e migrei sozinho o aplicativo de Angular para React. Entreguei um micro frontend em Next.js.
NESTJS · POSTGRESQL · REACT · NEXT.JS
2020 → 2023
Rio · remotoRio de Janeiro · remoto
Cofundador e Desenvolvedor Full Stack
Super Desenvolvedores
Um negócio para tornar a educação em tecnologia mais acessível no Brasil, com ferramentas financeiras e um e-commerce para quem ama tecnologia.Um negócio para tornar a educação em tecnologia mais acessível no Brasil, com ferramentas financeiras e um e-commerce para quem ama tecnologia. Interfaces React responsivas para pequenas empresas e nossos próprios produtos.
REACT · NEXT.JS · NODE.JS · REDUX
2018 → 2020
Rio · presencialRio de Janeiro · presencial
Jovem Aprendiz → Estagiário
OLX Brasil
Entrei pelo programa Jovem Aprendiz. Automatizei planilhas de auditoria, personalizei o Centro de Ajuda e construí painéis de ranking animados em React.Entrei pelo programa Jovem Aprendiz. Automatizei as planilhas da equipe de auditoria, personalizei o Centro de Ajuda para UX e acessibilidade e construí painéis de ranking animados em React.
REACT · AUTOMAÇÃOREACT · AUTOMAÇÃO · ACESSIBILIDADE

06ANALISADOR LÓGICO

O sinal do React nunca cai. O resto muda com o trabalho.O sinal do React nunca cai. O resto muda com o trabalho.

Um canal por tecnologia, agrupado por tipo. TEMPO mantém o canal alto enquanto eu uso a tecnologia; EQUIPES lista as equipes com que ela foi para produção.

~/joao/stack.vcd26 CANAIS · 2018 → HOJE

TEMPOEQUIPES

Bibliotecas
00React2018 → hoje
01TanStack Query2020 → hoje
02Redux2020 → 2025
03Zod2021 → hoje
04Radix UI2022 → hoje
05React Hook Form2022 → hoje
06TanStack Table2022 → hoje
07Material UI2022 → hoje
Frameworks
08Next.js2020 → hoje
09NestJS2021 → 2022
10Tailwind CSS2022 → hoje
11React Native2023 → 2025
12FastAPI2025 → hoje
Runtime e dados
13PostgreSQL2018 → hoje
14Node.js2020 → hoje
15GraphQL2023 → 2025
16Contentful2025 → hoje
Testes e ferramentas
17Cypress2021 → hoje
18Playwright2022 → hoje
19Storybook2022 → hoje
20Jest2022 → hoje
21Vite2022 → hoje
22Vitest2025 → hoje
Linguagens
23JavaScript2018 → hoje
24TypeScript2020 → hoje
25Python2025 → hoje

Tecnologias por equipe, de 2018 até hoje
Bibliotecas
	OLX	Super Dev	Doare	Kantar	Betfair	Hapimag
00React	Em produção	Em produção	Em produção	Em produção	Em produção	Em produção
01TanStack Query	Não usada	Em produção	Não usada	Não usada	Não usada	Em produção
02Redux	Não usada	Em produção	Não usada	Não usada	Em produção	Não usada
03Zod	Não usada	Não usada	Em produção	Não usada	Não usada	Em produção
04Radix UI	Não usada	Não usada	Não usada	Em produção	Não usada	Não usada
05React Hook Form	Não usada	Não usada	Não usada	Não usada	Não usada	Em produção
06TanStack Table	Não usada	Não usada	Não usada	Não usada	Não usada	Em produção
07Material UI	Não usada	Em produção	Em produção	Não usada	Não usada	Não usada
Frameworks
08Next.js	Não usada	Em produção	Em produção	Não usada	Não usada	Não usada
09NestJS	Não usada	Não usada	Em produção	Não usada	Não usada	Não usada
11React Native	Não usada	Não usada	Não usada	Não usada	Em produção	Não usada
12FastAPI	Não usada	Não usada	Não usada	Não usada	Não usada	Em produção
Runtime e dados
13PostgreSQL	Não usada	Não usada	Em produção	Não usada	Não usada	Não usada
14Node.js	Não usada	Em produção	Em produção	Não usada	Em produção	Não usada
15GraphQL	Não usada	Não usada	Não usada	Não usada	Em produção	Não usada
16Contentful	Não usada	Não usada	Não usada	Não usada	Não usada	Em produção
Testes e ferramentas
17Cypress	Não usada	Em produção	Não usada	Não usada	Não usada	Não usada
18Playwright	Não usada	Não usada	Não usada	Em produção	Em produção	Em produção
19Storybook	Não usada	Não usada	Não usada	Em produção	Em produção	Não usada
20Jest	Não usada	Em produção	Em produção	Em produção	Em produção	Não usada
21Vite	Não usada	Não usada	Em produção	Não usada	Não usada	Em produção
Linguagens
23JavaScript	Em produção	Em produção	Em produção	Em produção	Em produção	Em produção
24TypeScript	Não usada	Em produção	Em produção	Em produção	Em produção	Em produção
25Python	Não usada	Não usada	Não usada	Não usada	Não usada	Em produção

TAMBÉM NA BANCADA

Tailwind CSS
Vitest

MEDIÇÕESΔ1ReactEm todas as equipes desde 2018.Δ2NestJSRio: full stack de ponta a ponta. PHP, MySQL e Angular aposentados no caminho.Δ3StorybookPortugal: design systems e os testes deles viraram o trabalho.Δ4PythonHoje: TypeScript na frente, Python e FastAPI por trás.TEMPO: do primeiro ao último ano de uso, no trabalho ou em projetos próprios. EQUIPES: onde foi para produção.

07SUPORTE

Vamos construir algo que dure.Vamos construir algo que dure.

Me conte sobre sua equipe, seu produto ou o problema que você quer resolver.

Me escreva

LinkedIn GitHub

01EQUIPES PARA AS QUAIS CONSTRUÍ

Interfaces

Design systems

Testes

Performance

Full stack e migrações

Portugal

Engenheiro de Software

Engenheiro de Software

Engenheiro de Software

Rio de Janeiro

Desenvolvedor Full Stack

Cofundador e Desenvolvedor Full Stack

Jovem Aprendiz → Estagiário

TAMBÉM NA BANCADA