Receita deste site Recipe for this site
Como cozinhei o Cozy Corner em 4 dias — How I cooked Cozy Corner in 4 days —
sozinha, com IA como co-piloto. solo, with AI as my co-pilot.
Ingredientes Ingredients
- Astro v6.3.2
- Cloudflare Pages (o forno) Cloudflare Pages (the oven)
- JavaScript vanilla — sem React, sem Tailwind, sem framework noise Vanilla JavaScript — no React, no Tailwind, no framework noise
- Phosphor Icons
- Inter · Caveat · Cutive Mono (a tipografia) (the typography pairing)
- Claude — pra código — for code
- Gemini — pras ilustrações — for illustrations
- Um fim de semana livre e um café forte A clear weekend and a strong coffee
O brief que dei pra mim mesma The brief I gave myself
Sou Product Designer há 6+ anos. Penso em fluxos, organizo sistemas, especifico telas — mas, na prática, quem fazia o trabalho aparecer no mundo era sempre outra pessoa. I've been a Product Designer for 6+ years. I think in flows, organize systems, spec screens — but in practice, someone else always made my work show up in the world.
Esse projeto começou de uma vontade simples: provar pra mim mesma que dava — eu, sozinha — pra desenhar, codar, escrever e deployar um produto inteiro, sem passar bastão. This project started from a simple itch: prove to myself I could — solo — design, code, write, and deploy a whole product, without passing the baton.
O escopo nasceu da minha rotina: meu marido e eu cozinhamos juntos toda semana, e nossas receitas viviam espalhadas em prints de WhatsApp e screenshots do Notes. Faltava um lugar bonito. Pronto, brief: site de receitas, com voz, em dois idiomas. The scope came from my routine: my husband and I cook together every week, and our recipes were scattered across WhatsApp screenshots and notes app captures. They deserved a real home. Brief locked: a recipe site, with voice, in two languages.
Referência Reference
Adorei o conceito de espaço físico como navegação e peguei emprestado pro Cozy Corner. Café virou cozinha, cada elemento da cena vira hotspot pra uma categoria. O resto — modo cozinha, cronômetro, busca, voz, marca, o gato Akim — apareceu no caminho. I loved the concept of physical space as navigation and borrowed it for Cozy Corner. Café became kitchen, each scene element became a hotspot for a category. The rest — cooking mode, timer, search, voice, brand, Akim the cat — came along the way.
