(01) O pedido
A Jack Daniel’s Barber é uma barbearia em Independencia, Santiago. Precisava que os clientes reservassem sozinhos com o barbeiro de confiança e, no mesmo sistema, controlar o caixa, os turnos e a fidelidade, que até então eram anotados à mão.
(02) O que faz
- Reserva online escolhendo serviço, profissional e horário, com «Minha reserva» para ver, mudar ou cancelar usando o celular.
- Loja de produtos com carrinho, retirada ou entrega, e pedidos que chegam ao painel.
- Pagamento online de um sinal ao reservar, configurável pelo dono e pronto para ativar ao conectar a conta do negócio.
(03) Como foi construído
- React com Vite servido pela Cloudflare Pages e banco de dados em tempo real: o painel toca e avisa na hora quando entra uma reserva, um pagamento ou um currículo.
- Modo funcionário com PIN para o caixa do dia; cada profissional tem sua própria conta e painel.
- Cerca de 480 testes automáticos por papel (dono, funcionário, cliente) antes de publicar.
(04) Segurança
- Funções administrativas marcadas como internas: só rodam no servidor, nunca pelo navegador.
- O painel obriga a trocar a senha temporária no primeiro acesso e a sessão expira em 14 horas.
- Os currículos em PDF são verificados e limpos de scripts antes de serem guardados.
(05) Velocidade e Google
Fotos e vídeos do salão convertidos para WebP e formatos leves; a loja mostra duas colunas no celular para a página não ficar longa demais.
(06) O que não faz, de propósito
- Não emite nota fiscal eletrônica.
- O pagamento online fica em modo demonstração até conectar a conta de pagamentos do negócio.
(07) Medição real
| Desempenho | Acessibilidade | Boas práticas | SEO | LCP |
|---|---|---|---|---|
| 66 | 96 | 96 | 100 | 6,5 s |
Google PageSpeed Insights, celular, 30 de setembro de 2026. Números sem arredondar para cima; medidos novamente de tempos em tempos. Tabela completa dos 27 sites →
