32 posts
O PataPass era um site com cara de app — e o navegador deixava isso claro na pior hora possível: no elevador, sem sinal. A história da Fase 4F: banner de instalação com beforeinstallprompt, página offline no service worker e a decisão de nunca cachear HTML.
PataPass was a website wearing an app costume — and the browser made that obvious at the worst possible moment: inside an elevator with no signal. The story of Phase 4F: an install banner driven by beforeinstallprompt, an offline page served by the service worker, and the decision to never cache HTML.
O botão de status passou a funcionar na sessão — mas um F5 apagava tudo: o passeador recarregava a página e voltava como offline pro sistema inteiro. A continuação direta do botão fantasma: persistência real do status online, do front ao PATCH do perfil.
The status button finally worked within the session — but an F5 wiped it all: a reload brought the walker back offline for the entire system. The direct sequel to the ghost button: real persistence of the online status, from the frontend down to the profile PATCH.
O toggle 'Ficar Online' do walker renderizava, animava e até mudava de cor. Mas o handler era uma função vazia: o estado nunca saía de 'online'. A história de como um teste de loop pegou um botão fantasma e devolveu o status online de verdade.
The walker toggle 'Go Online' rendered, animated, and even changed color. But the handler was an empty function: the state never left 'online'. The story of how a test loop caught a ghost button and gave back real online status.
Todos os WebSockets do Dogwalk retornavam HTTP 500 no handshake. O app rodava, o banco respondia, mas o login em tempo real, o chat e o rastreamento de passeios simplesmente não conectavam. A causa: um receive_text() chamado sem o accept() que o Starlette exige.
All Dogwalk WebSockets returned HTTP 500 on handshake. The app ran, the database responded, but real-time login, chat and walk tracking simply wouldn't connect. The cause: a receive_text() called without the accept() Starlette requires.
Indentação YAML, dependência faltando, testes que precisam de servidor — a clássica espiral de debug de pipeline.
YAML indentation, missing dependencies, tests that need a running server — the classic pipeline debugging spiral.
How end-to-end tests transformed quality and confidence in Dogwalk's development — the real story of a stack that learned to test itself.
Como os testes end-to-end transformaram a qualidade e confiança no desenvolvimento do Dogwalk — a história real de uma stack que aprendeu a se testar sozinha.
After the idea came the hardest part: getting your hands dirty. How I chose React, Vite and FastAPI to build Dogwalk.
Depois da ideia, veio a parte mais difícil: colocar a mão na massa. Como escolhi React, Vite e FastAPI para construir o Dogwalk.
After weeks of coding, it was time to put Dogwalk online. The first deploy was a mix of euphoria and frustration — Vite + Cloudflare Pages.
Depois de semanas codando, chegou a hora de colocar o Dogwalk no ar. O primeiro deploy foi uma mistura de euforia e frustration — Vite + Cloudflare Pages.
It all started with a simple need: finding trusted dog walkers for my own dog. That's how the idea for Dogwalk was born, a pet marketplace that now serves hundreds of tutors.
Tudo começou com uma necessidade simples: encontrar passeadores de confiança para minha própria dog. Foi assim que surgiu a ideia do Dogwalk, um marketplace de pets que hoje atende centenas de tutores.
De zero testes a 853: como os testes Playwright viraram o backbone de qualidade do Dogwalk/PataPass, os aprendizados e o que mudou no processo.
From zero tests to 853: how Playwright tests became the quality backbone of Dogwalk/PataPass, what we learned and what changed in the process.