Pular para o conteúdo
EN
Mundo

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.

Equipes para as quais construí

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

Um azulejo, quatro giros, um muro inteiro.Um azulejo, quatro giros, um muro inteiro.

Um muro de azulejos começa com uma única peça. Gire, repita, e uma fachada inteira aparece. Construo interfaces do mesmo jeito: componentes pequenos e bem testados, com APIs claras, compostos em produtos que as equipes podem continuar expandindo sem rachar o muro.

1 AZULEJO
4 GIROS
1 MURO
Fig. 1 · O componente, em movimento. Arraste para girar.
  • P-01

    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

  • P-02

    Design systems

    Bibliotecas de componentes no Storybook que mantêm as equipes consistentes e aceleram as entregas.

    STORYBOOK · RADIX UI · MATERIAL UI

  • P-03

    Testes

    Testes unitários, end-to-end, visuais e de regressão que encontram os bugs antes dos usuários.

    JEST · VITEST · PLAYWRIGHT · CYPRESS

  • P-04

    Performance

    Interfaces leves e rápidas: code splitting, prefetch por intenção e renderização granular.

    REACT COMPILER · TANSTACK · VITE

  • P-05

    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, pintado em cobalto.

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

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

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

  1. 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

  2. 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

  3. 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 DE ATLÂNTICO · RIOPORTO · CERCA DE 8.000 KM DE ATLÂNTICO · RIO DE JANEIRO

A travessia.

Um amigo que tinha entrado na Alter Solutions, em Portugal, me chamou para fazer a entrevista também. Passei e atravessei o Atlântico, levando do Rio o hábito de construir do zero para uma cidade azulejada para durar.

Rio de Janeiro

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

  1. 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

  2. 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

  3. 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

React em todas as equipes. O resto, azulejo por azulejo.React em todas as equipes. O resto, azulejo por azulejo.

Todas as tecnologias que levei para produção, separadas por tipo. Leia o muro por ano para ver há quanto tempo uso cada uma, ou por equipe para ver onde ela foi usada.

Visualização
Tecnologias por ano de uso, de 2018 até hoje
Rio de JaneiroPortugal
201820192020202120222023202420252026
Bibliotecas
ReactEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2018 → hoje
TanStack QueryFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2020 → hoje
ReduxFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm usoFora de uso2020 → 2025
ZodFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm uso2021 → hoje
Radix UIFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
React Hook FormFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
TanStack TableFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
Material UIFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
Frameworks
Next.jsFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2020 → hoje
NestJSFora de usoFora de usoFora de usoEm usoEm usoFora de usoFora de usoFora de usoFora de uso2021 → 2022
Tailwind CSSFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
React NativeFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoFora de uso2023 → 2025
FastAPIFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm uso2025 → hoje
Runtime e dados
PostgreSQLEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2018 → hoje
Node.jsFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2020 → hoje
GraphQLFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoFora de uso2023 → 2025
ContentfulFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm uso2025 → hoje
Testes e ferramentas
CypressFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm uso2021 → hoje
PlaywrightFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
StorybookFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
JestFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
ViteFora de usoFora de usoFora de usoFora de usoEm usoEm usoEm usoEm usoEm uso2022 → hoje
VitestFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm uso2025 → hoje
Linguagens
JavaScriptEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2018 → hoje
TypeScriptFora de usoFora de usoEm usoEm usoEm usoEm usoEm usoEm usoEm uso2020 → hoje
PythonFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoFora de usoEm usoEm uso2025 → hoje
Tecnologias por equipe, de 2018 até hoje
Rio de Janeiro2018 → 2022Portugal2022 → hoje
OLX2018Super Dev2020Doare2021Kantar2022Betfair2023Hapimag2025
Bibliotecas
ReactEm produçãoEm produçãoEm produçãoEm produçãoEm produçãoEm produçãoEm todas as equipes desde 2018.
TanStack QueryNão usadaEm produçãoNão usadaNão usadaNão usadaEm produção
ReduxNão usadaEm produçãoNão usadaNão usadaEm produçãoNão usada
ZodNão usadaNão usadaEm produçãoNão usadaNão usadaEm produção
Radix UINão usadaNão usadaNão usadaEm produçãoNão usadaNão usada
React Hook FormNão usadaNão usadaNão usadaNão usadaNão usadaEm produção
TanStack TableNão usadaNão usadaNão usadaNão usadaNão usadaEm produção
Material UINão usadaEm produçãoEm produçãoNão usadaNão usadaNão usada
Frameworks
Next.jsNão usadaEm produçãoEm produçãoNão usadaNão usadaNão usada
NestJSNão usadaNão usadaEm produçãoNão usadaNão usadaNão usadaRio: full stack de ponta a ponta. PHP, MySQL e Angular aposentados no caminho.
React NativeNão usadaNão usadaNão usadaNão usadaEm produçãoNão usada
FastAPINão usadaNão usadaNão usadaNão usadaNão usadaEm produção
Runtime e dados
PostgreSQLNão usadaNão usadaEm produçãoNão usadaNão usadaNão usada
Node.jsNão usadaEm produçãoEm produçãoNão usadaEm produçãoNão usada
GraphQLNão usadaNão usadaNão usadaNão usadaEm produçãoNão usada
ContentfulNão usadaNão usadaNão usadaNão usadaNão usadaEm produção
Testes e ferramentas
CypressNão usadaEm produçãoNão usadaNão usadaNão usadaNão usada
PlaywrightNão usadaNão usadaNão usadaEm produçãoEm produçãoEm produção
StorybookNão usadaNão usadaNão usadaEm produçãoEm produçãoNão usadaPortugal: design systems e os testes deles viraram o trabalho.
JestNão usadaEm produçãoEm produçãoEm produçãoEm produçãoNão usada
ViteNão usadaNão usadaEm produçãoNão usadaNão usadaEm produção
Linguagens
JavaScriptEm produçãoEm produçãoEm produçãoEm produçãoEm produçãoEm produção
TypeScriptNão usadaEm produçãoEm produçãoEm produçãoEm produçãoEm produção
PythonNão usadaNão usadaNão usadaNão usadaNão usadaEm produçãoHoje: TypeScript na frente, Python e FastAPI por trás.
  1. Em todas as equipes desde 2018.
  2. Rio: full stack de ponta a ponta. PHP, MySQL e Angular aposentados no caminho.
  3. Portugal: design systems e os testes deles viraram o trabalho.
  4. Hoje: TypeScript na frente, Python e FastAPI por trás.

Também na caixa de ferramentas

  • Tailwind CSS
  • Vitest

Por ano: do primeiro ao último ano de uso, no trabalho ou em projetos próprios. Por equipe: onde foi para produção.

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

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

Mundo