Gestión para Barbería OZN
Sistema de gestión para Barbería OZN, pensado para gente ocupada con las manos llenas, en un celular, entre corte y corte. El cliente pidió dos cosas en un audio: que el inventario se descontara solo al vender un producto y que la cuenta semanal de cada barbero quedara registrada con su deuda pendiente. Sobre eso se definieron con el equipo la agenda de citas, el cierre de caja diario y el control de gastos. La app entra con PIN por persona, la barra inferior deja a un toque lo de uso diario (Inicio, Vender, Citas, Inventario) y el resto queda para el dueño. Es una maqueta funcional con datos de prueba, construida para que registrar una venta tome menos de cinco segundos; la conexión con Supabase está planificada por fases.
- Cliente
- Barbería OZN
- Stack
- React 19, Vite, TypeScript, Tailwind CSS 4, PWA, Supabase (planificado), Netlify
Inicio
La caja de hoy contra la meta diaria, cuánto deben los barberos, citas por atender, productos por reponer y ticket promedio. Accesos a vender, agendar, registrar gasto y abono, y las próximas citas del día.
La barbería vendía productos sin saber cuánto quedaba de cada uno: el inventario se desfasaba en dos semanas porque nadie anotaba las ventas. Los barberos pagan la semana y el dueño llevaba a mano quién había abonado y cuánto debía cada uno. Todo eso, además, lo tenía que resolver alguien con las manos ocupadas, en un celular, entre un corte y el siguiente.
Una app instalable en el celular donde vender es tocar el producto y confirmar: el stock se descuenta solo y avisa cuando hay que reponer. Cada barbero tiene su cuenta semanal con abonos y saldo, y el estado se manda por WhatsApp. Encima de eso, agenda de citas, cierre de caja y gastos. El diseño parte de una regla: si registrar una venta toma más de cinco segundos, no la van a usar.
Pantalla por pantalla
Venta rápida
Tocar producto → cantidad → confirmar. El stock baja solo. Filtro por categoría, búsqueda, barbero que vende y método de cobro (efectivo o transferencia). Es la pantalla que define la app: si toma más de cinco segundos, nadie la usa.
Inventario
Catálogo con precio, stock actual y stock mínimo. Los productos por debajo del mínimo se destacan; la entrada de mercancía suma unidades cuando llega la compra.
Cuentas de barberos
Ficha por barbero con cargo semanal, abonos y saldo pendiente visible de entrada. «Estado» arma el resumen de cuenta para mandarlo por WhatsApp. El modelo (alquiler de silla o comisión) se deja parametrizable hasta que el cliente lo confirme.
Agenda de citas
Citas por barbero y hora con cliente, servicio y estado (pendiente, confirmada, atendida). Tocar una cita la marca como atendida.
Cierre de caja
Entradas por método de pago, salidas del día y saldo. El detalle de cada venta muestra quién vendió y cómo cobró.
Gastos del local
Registro de insumos, servicios, local y otros, con el acumulado del mes.
Entrada con PIN
Cada persona del equipo entra con su PIN de cuatro dígitos; así cada venta y cada abono quedan a nombre de quien los registró.
- Venta en menos de cinco segundos: tocar producto, cantidad, confirmar
- Inventario que se descuenta solo y avisa cuando un producto baja del mínimo
- Entrada de mercancía y catálogo con stock mínimo por producto
- Cuenta semanal por barbero: cargo, abonos y saldo pendiente
- Estado de cuenta compartible por WhatsApp
- Agenda de citas por barbero con estados
- Cierre de caja diario por método de pago
- Gastos por categoría con resumen semanal
- Entrada con PIN por persona
- PWA instalable desde el navegador, sin tiendas
- Diseño en oscuro para el celular, barra inferior con lo de uso diario
React 19 con Vite y Tailwind CSS 4, como PWA instalable. El estado vive en un store con React Context y los tipos de datos son el borrador del esquema de Supabase (productos, ventas, barberos, citas, gastos), previsto para la siguiente fase con el mismo patrón de autenticación ya probado en otros portales. Ilustraciones vectoriales por forma de envase para los productos, sin depender de fotos ni de red. Trabajo por fases: inventario y ventas primero, caja y gastos, cuentas de barberos cuando el cliente confirme el modelo de pago, y citas al final.
- React 19
- Vite
- TypeScript
- Tailwind CSS 4
- PWA
- Supabase (planificado)
- Netlify