Skip to content
PT
World

João Paulo Hildebrandt

Built piece by piece. Made to last.Built piece by piece. Made to last.

I'm João Paulo, a frontend-focused full-stack engineer based in Porto. I build React and TypeScript products, design systems and tested, accessible interfaces for teams like Hapimag, Betfair, Kantar and OLX.

Teams I've built for

Engagements through 99x, Aubay × Blip.pt (Flutter), Alter Solutions and Softo, plus Super Desenvolvedores, the venture I co-founded in Rio.

Switzerland · United Kingdom · Portugal · Brazil

One tile, four turns, a whole wall.One tile, four turns, a whole wall.

An azulejo wall starts with a single tile. Turn it, repeat it, and a whole façade appears. I build interfaces the same way: small, well-tested components with clear APIs, composed into products that teams can keep growing without the wall cracking.

1 TILE
4 TURNS
1 WALL
Fig. 1 · The component, turned. Drag to spin it.
  • P-01

    Interfaces

    Product UI in React, TypeScript and Next.js: responsive, accessible (WCAG) and pleasant to use.

    REACT · TYPESCRIPT · NEXT.JSREACT · TYPESCRIPT · NEXT.JS · TAILWIND

  • P-02

    Design systems

    Storybook component libraries that keep teams consistent and ship UI faster.

    STORYBOOK · RADIX UI · MATERIAL UI

  • P-03

    Testing

    Unit, end-to-end, visual and regression tests that catch bugs before users do.

    JEST · VITEST · PLAYWRIGHT · CYPRESS

  • P-04

    Performance

    Lean, fast interfaces: code splitting, prefetching on intent, fine-grained rendering.

    REACT COMPILER · TANSTACK · VITE

  • P-05

    Full stack & migrations

    APIs and data when the product needs them, and legacy moves without drama.APIs and data when the product needs them, and legacy moves without drama: PHP → NestJS, MySQL → PostgreSQL, Angular → React.

    NODE.JS · NESTJS · POSTGRESQL · FASTAPI

Fig. 2 · The engineer, painted in cobalt.

Grounded in Rio. Building in Porto.Grounded in Rio. Building in Porto.

My career started in Rio de Janeiro in 2018, as an apprentice at OLX: first automating audit spreadsheets, then building animated React panels that ranked the month's best support agents. Rio taught me to build from zero: I co-founded a small venture and led a fintech's move to a modern stack. Porto taught me to make things last: design systems, test suites and products that teams in Switzerland, the UK and Portugal keep growing.

I care about the parts nobody notices until they break: a component's API, the test that fails first, the page that stays fast on modest hardware. Give me ownership of a problem and I'll carry it from diagnosis to delivery, and leave the codebase easier for whoever comes next.

BASED IN
Porto, Portugal
LANGUAGES
Portuguese (native) · English (C1)
EDUCATION
B.Sc. Computer Information Systems at FIAP, 2019 to 2021
ALSO
ESL Communication Skills at Rice University, 2022 · Cisco IT Essentials

Two coasts, one craft.

Since 2018: from Rio de Janeiro's classifieds and startups to remote teams across Europe. Most recent first.

Portugal

Made to last: systems, tests and teams across borders.

  1. 2025 → today

    · Switzerland · remoteSwitzerland · remote

    Software Engineer

    99x for Hapimag

    Building a staff management platform from scratch for a Swiss company that runs resorts across Europe: React and TypeScript on the front, Python and FastAPI behind it, Contentful for content.Building a staff management platform from scratch for a Swiss company that runs resorts across Europe: React and TypeScript on the front, Python and FastAPI behind it, Contentful for content. Reusable components, performance, scalability and mentoring.

    REACT · TYPESCRIPT · TANSTACK · FASTAPIREACT · TYPESCRIPT · TANSTACK · FASTAPI · CONTENTFUL

  2. 2023 → 2025

    · Portugal · remotePortugal · remote

    Software Engineer

    Aubay for Blip.pt · Betfair

    Key frontend features for Betfair's sports betting platform, in React and React Native. Maintained a shared Storybook design system, covered by unit, E2E, visual and regression tests.Key frontend features for Betfair's sports betting platform, part of the Flutter group, in React and React Native. Maintained and scaled a shared Storybook design system and covered it with unit, E2E, visual and regression tests.

    REACT · REACT NATIVE · STORYBOOKREACT · REACT NATIVE · TYPESCRIPT · STORYBOOK · PLAYWRIGHT

  3. 2022 → 2023

    · UK · remoteUnited Kingdom · remote

    Software Engineer

    Alter Solutions for Kantar XTEL

    Modernized legacy systems, with Playwright tests inside Storybook and accessible (WCAG) features on Radix UI.Modernized legacy systems for a Kantar division, with Playwright end-to-end tests running inside Storybook and accessible (WCAG) features built on Radix UI.

    REACT · RADIX UI · PLAYWRIGHTREACT · RADIX UI · STORYBOOK · PLAYWRIGHT

PORTO · 8,000 KM OF ATLANTIC · RIOPORTO · ABOUT 8,000 KM OF ATLANTIC · RIO DE JANEIRO

The crossing.

A friend who had joined Alter Solutions, in Portugal, called me to interview there too. I got the job and crossed the Atlantic, taking Rio's habit of building from zero to a city tiled to last.

Rio de Janeiro

Built piece by piece: from apprentice to co-founder.

  1. 2021 → 2022

    · Rio · remoteRio de Janeiro · remote

    Full Stack Developer

    Softo for Doare

    For a fintech client: moved legacy PHP microservices into one NestJS API, rebuilt the data layer from MySQL to PostgreSQL, and single-handedly migrated the client app from Angular to React.For a fintech client: led the move of legacy PHP microservices into a single NestJS API, rebuilt the data layer from MySQL into a normalized PostgreSQL schema, and single-handedly migrated the client app from Angular to React. Shipped a Next.js micro frontend.

    NESTJS · POSTGRESQL · REACT · NEXT.JS

  2. 2020 → 2023

    · Rio · remoteRio de Janeiro · remote

    Co-founder & Full Stack Developer

    Super Desenvolvedores

    A venture to make tech education more accessible in Brazil, with finance tools and an e-commerce for tech lovers.A venture to make tech education more accessible in Brazil, with finance tools and an e-commerce for tech lovers. Responsive React interfaces for small businesses and for our own products.

    REACT · NEXT.JS · NODE.JS · REDUX

  3. 2018 → 2020

    · Rio · on-siteRio de Janeiro · on-site

    Apprentice → Intern

    OLX Brasil

    Joined through a national youth apprenticeship program. Automated audit spreadsheets, customized the Help Center, built animated React ranking panels.Joined through a national youth apprenticeship program. Automated the audit team's spreadsheets, customized the Help Center for UX and accessibility, and built animated React ranking panels.

    REACT · AUTOMATIONREACT · AUTOMATION · ACCESSIBILITY

React in every team. The rest, tile by tile.React in every team. The rest, tile by tile.

Every technology I've shipped, sorted by kind. Read the wall by year to see how long I've used each one, or by team to see where it shipped.

View
Technologies by year in use, from 2018 to today
Rio de JaneiroPortugal
201820192020202120222023202420252026
Libraries
ReactIn useIn useIn useIn useIn useIn useIn useIn useIn use2018 → today
TanStack QueryNot in useNot in useIn useIn useIn useIn useIn useIn useIn use2020 → today
ReduxNot in useNot in useIn useIn useIn useIn useIn useIn useNot in use2020 → 2025
ZodNot in useNot in useNot in useIn useIn useIn useIn useIn useIn use2021 → today
Radix UINot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
React Hook FormNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
TanStack TableNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
Material UINot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
Frameworks
Next.jsNot in useNot in useIn useIn useIn useIn useIn useIn useIn use2020 → today
NestJSNot in useNot in useNot in useIn useIn useNot in useNot in useNot in useNot in use2021 → 2022
Tailwind CSSNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
React NativeNot in useNot in useNot in useNot in useNot in useIn useIn useIn useNot in use2023 → 2025
FastAPINot in useNot in useNot in useNot in useNot in useNot in useNot in useIn useIn use2025 → today
Runtime & data
PostgreSQLIn useIn useIn useIn useIn useIn useIn useIn useIn use2018 → today
Node.jsNot in useNot in useIn useIn useIn useIn useIn useIn useIn use2020 → today
GraphQLNot in useNot in useNot in useNot in useNot in useIn useIn useIn useNot in use2023 → 2025
ContentfulNot in useNot in useNot in useNot in useNot in useNot in useNot in useIn useIn use2025 → today
Testing & tooling
CypressNot in useNot in useNot in useIn useIn useIn useIn useIn useIn use2021 → today
PlaywrightNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
StorybookNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
JestNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
ViteNot in useNot in useNot in useNot in useIn useIn useIn useIn useIn use2022 → today
VitestNot in useNot in useNot in useNot in useNot in useNot in useNot in useIn useIn use2025 → today
Languages
JavaScriptIn useIn useIn useIn useIn useIn useIn useIn useIn use2018 → today
TypeScriptNot in useNot in useIn useIn useIn useIn useIn useIn useIn use2020 → today
PythonNot in useNot in useNot in useNot in useNot in useNot in useNot in useIn useIn use2025 → today
Technologies by team, from 2018 to today
Rio de Janeiro2018 → 2022Portugal2022 → today
OLX2018Super Dev2020Doare2021Kantar2022Betfair2023Hapimag2025
Libraries
ReactShippedShippedShippedShippedShippedShippedEvery team since 2018.
TanStack QueryNot usedShippedNot usedNot usedNot usedShipped
ReduxNot usedShippedNot usedNot usedShippedNot used
ZodNot usedNot usedShippedNot usedNot usedShipped
Radix UINot usedNot usedNot usedShippedNot usedNot used
React Hook FormNot usedNot usedNot usedNot usedNot usedShipped
TanStack TableNot usedNot usedNot usedNot usedNot usedShipped
Material UINot usedShippedShippedNot usedNot usedNot used
Frameworks
Next.jsNot usedShippedShippedNot usedNot usedNot used
NestJSNot usedNot usedShippedNot usedNot usedNot usedRio: full stack, end to end. PHP, MySQL and Angular retired on the way.
React NativeNot usedNot usedNot usedNot usedShippedNot used
FastAPINot usedNot usedNot usedNot usedNot usedShipped
Runtime & data
PostgreSQLNot usedNot usedShippedNot usedNot usedNot used
Node.jsNot usedShippedShippedNot usedShippedNot used
GraphQLNot usedNot usedNot usedNot usedShippedNot used
ContentfulNot usedNot usedNot usedNot usedNot usedShipped
Testing & tooling
CypressNot usedShippedNot usedNot usedNot usedNot used
PlaywrightNot usedNot usedNot usedShippedShippedShipped
StorybookNot usedNot usedNot usedShippedShippedNot usedPortugal: design systems and their tests became the job.
JestNot usedShippedShippedShippedShippedNot used
ViteNot usedNot usedShippedNot usedNot usedShipped
Languages
JavaScriptShippedShippedShippedShippedShippedShipped
TypeScriptNot usedShippedShippedShippedShippedShipped
PythonNot usedNot usedNot usedNot usedNot usedShippedNow: TypeScript in front, Python and FastAPI behind it.
  1. Every team since 2018.
  2. Rio: full stack, end to end. PHP, MySQL and Angular retired on the way.
  3. Portugal: design systems and their tests became the job.
  4. Now: TypeScript in front, Python and FastAPI behind it.

Also in the toolbox

  • Tailwind CSS
  • Vitest

By year: first to last year in use, at work or on my own projects. By team: where it shipped.

Let's build something that lasts.Let's build something that lasts.

Tell me about your team, your product, or the problem you'd like solved.

World