Jack Daniel's Barber

(01) El encargo

Jack Daniel's Barber es una barbería en Independencia. Necesitaba que los clientes reservaran solos con su barbero de confianza y, en el mismo sistema, llevar la caja, los turnos y la fidelidad del local, que hasta entonces se anotaban a mano.

(02) Qué hace

• Reserva en línea eligiendo servicio, profesional y hora, con «Mi reserva» para ver, cambiar o cancelar usando el celular.
• Tienda de productos con carrito, retiro o despacho, y pedidos que llegan al panel.
• Pago en línea de un abono al reservar, configurable por el dueño y listo para activarse al conectar la cuenta del negocio.

(03) Cómo se construyó

• React con Vite servido desde Cloudflare Pages y base de datos en tiempo real: el panel suena y avisa al instante cuando entra una reserva, un pago o un CV.
• Modo empleado con PIN para la caja del día; cada profesional tiene su propia cuenta y panel.
• Cerca de 480 pruebas automáticas por rol (dueño, empleado, cliente) antes de publicar.

(04) Seguridad

• Funciones administrativas marcadas como internas: solo se ejecutan desde el servidor, nunca desde el navegador.
• El panel obliga a cambiar la clave temporal en el primer ingreso y la sesión vence a las 14 horas.
• Los CV en PDF se revisan y se limpian de scripts antes de guardarse.

(05) Velocidad y Google

Fotos y videos del local convertidos a WebP y formatos livianos; la tienda muestra dos columnas en el teléfono para no alargar la página.

(06) Qué no hace, a propósito

• No emite boleta electrónica.
• El cobro en línea queda en modo demostración hasta conectar la cuenta de pagos del negocio.

(07) Medición real

Google PageSpeed Insights, móvil, 30 de septiembre de 2026. Números sin redondear hacia arriba; se vuelven a medir periódicamente. Tabla completa de los 27 sitios →