Bar de vinhos Projeto de demonstração
Rolha — bar de vinhos onde se monta o voo antes de sentar
Um site verde-garrafa-e-ouro-velho para um bar de vinhos em Cedofeita: doze vinhos portugueses a copo com filtro por estilo, um construtor de voo de três copos cujos copos se enchem a cada escolha e sugerem um queijo, e uma reserva de mesa com três turnos, lugares que sobram e um número de pessoas que os respeita. O voo segue para dentro da reserva.
feitura.com/demo/rolha — Ao vivo
A carta de um bar de vinhos é a sua personalidade, e a maioria dos sites enterra-a num PDF. Este quer que a carta seja a interface: escolher, provar de cabeça, reservar — sem consumo mínimo e sem couvert, dito em voz alta.
O que está lá dentro
- Doze vinhos a copo com filtro por estilo, região, produtor, uma nota de uma linha e uma amostra de cor por vinho
- Construtor de voo de três copos: os copos enchem-se com a cor do vinho, total corrente, e um queijo sugerido a partir do estilo dominante
- Copos do hero que mudam de cor conforme o que está no voo
- Reserva de mesa: cinco dias, três turnos, lugares que sobram com estados de poucos e cheio, número de pessoas limitado pela disponibilidade, o voo opcionalmente à espera na mesa
- Folha de reserva com validação inline, só front-end; o bar em números, regras da casa, mapa e FAQ
- Display tipo Baskerville sobre pergaminho e verde-garrafa com um único acento ouro-velho, mono para preços e horas — sem fotografia
- Bilingue PT/EN, diálogo fechável com Escape, gestão de foco, alvos de 44 px, movimento reduzido respeitado
Registo de construção
- Direção de arte — verde-garrafa, pergaminho, ouro velho; display Baskerville; desenho do copo
- Dados da carta, filtro por estilo, construtor de voo com regra de harmonização
- Turnos e lugares, limite de pessoas, folha de reserva que leva o voo
- O bar, regras, mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript