Voltar aos Destaques

Projeto em destaque

Marlow

Loja ready-to-wear, com compra de convidado e balcão

A Marlow é uma loja pequena de ready-to-wear. O piso público mostra cada peça com o tecido, o cuidado e o corte, em dólares. O saco vive numa gaveta. O checkout é uma página: contacto, envio ou levantamento, e pagamento. Um convidado pode comprar. Uma conta Neon Auth guarda as encomendas dessa pessoa. O balcão em /desk move as encomendas e corrige o stock. O dono, em /owner, define preços, tamanhos e cores.

Marlow
Ano
2026
Papel
Full-stack
Plataforma
Angular 22 SSR · Neon Auth
Dados
Neon Postgres

O problema

Uma loja com peças de 89 a 420 dólares tem de parecer à altura da peça, ir do piso ao saco em poucos passos no telemóvel, e deixar a equipa tratar da encomenda do dia à parte do catálogo. O pagamento é na loja, por transferência, ou em dinheiro quando a encomenda chega. A sessão tem de continuar viva depois de um deploy. O browser não guarda o cookie do Neon Auth quando outro domínio o define, por isso a loja define o seu.

A solução

Angular 22 pinta o piso, a ficha e o atelier no servidor. O saco, o checkout, a conta e o balcão pintam-se no browser. Os preços são cêntimos inteiros. O envio custa 8 dólares e fica grátis a partir de 200. O levantamento não guarda morada, e essa encomenda segue o seu caminho: a preparar, pronta, levantada. Pagar na loja só aparece no levantamento. O dinheiro na entrega só aparece no envio. O Neon Auth usa-se pelo domínio da loja. A sessão da loja é um token assinado com uma chave derivada da base de dados, por isso um reinício conserva-a. O browser não recebe a cadeia de ligação. O correio sai do servidor Node.

Capturas

Marlow — Piso · computador
Piso · computador
Marlow — Casaco de lã · ficha
Casaco de lã · ficha
Marlow — Saco · computador
Saco · computador
Marlow — Checkout · envio ou levantamento
Checkout · envio ou levantamento
Marlow — Atelier
Atelier
Marlow — Piso · telemóvel
Piso · telemóvel
Marlow — Ficha · telemóvel
Ficha · telemóvel
Marlow — Saco · telemóvel
Saco · telemóvel

Stack técnico

Angular 22
SSR
Tailwind CSS 4
Estilos
Neon
Auth + Postgres
Node.js
Servidor
Netlify
CDN
Web Código-fonte Documentação ← Voltar aos Destaques