Livraria Projeto de demonstração
Página — livraria independente com uma estante onde se reserva
Um site papel-de-livro-e-ameixa para uma livraria em Évora: doze livros por semana com capas tipográficas, um filtro por estado de espírito (rir, chorar, pensar, fugir, adormecer), reservas guardadas sete dias, sessões às quintas com lugares contados e confirmação, e lista de espera do clube de leitura. Sem loja online, de propósito — reserva-se aqui, levanta-se lá.
Uma livraria independente não ganha em stock a um marketplace, por isso o site vende o que um marketplace não tem: a escolha de uma pessoa, uma sala, uma quinta-feira. Tem de tornar reservar um livro escolhido e dizer 'vou' a uma sessão tão fácil como um clique, sem fingir ser uma loja.
O que está lá dentro
- Doze livros com capas tipográficas desenhadas em CSS (lombada, tinta, título, autor) — sem imagens de capa, sem fotografia de banco
- Filtro por estado de espírito que reduz a estante; estados de stock (exemplares, último, esgotado) e reserva por livro guardada sete dias
- Uma prateleira de lombadas desenhadas no hero cujas alturas seguem o número de páginas
- Sessões às quintas com datas, lugares que sobram, confirmação com seletor de pessoas, estados só-membros e esgotado
- Clube de leitura: como funciona, o livro de outubro, pedido de lista de espera
- Uma folha para três intenções (reservar, ir, entrar) com validação inline — só front-end
- Display slab serif sobre papel quente com acento ameixa e datas mostarda; bilingue PT/EN, diálogo fechável com Escape, alvos de 44 px
Registo de construção
- Direção de arte — papel de livro, tinta, ameixa, mostarda; slab serif; sistema de capas tipográficas
- Dados da estante, filtro por estado de espírito, estados de stock, fluxo de reserva
- Sessões com lugares e confirmação; clube de leitura e lista de espera
- Loja, promessas, mapa; a prateleira de lombadas no hero
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript
