The Precision

Una aplicación web para una peluquería: el cliente reserva servicio, profesional y hora en tres pasos, y el negocio gestiona su agenda desde un panel de administración.A web app for a hair salon: clients book a service, a stylist and a time in three steps, and the business runs its calendar from an admin panel.

Proyecto en parejaTwo-person project2026

Código en GitHubCode on GitHub Vídeo de la demoDemo video

PeriodoPeriod: Abr. 2026Apr 2026
EquipoTeam: Dos personas, con Ariel EscobarTwo people, with Ariel Escobar
ContextoContext: Académico, inspirado en un salón familiarAcademic, inspired by a family-run salon
Mi papelMy role: Frontend completo, API de gestión y despliegueWhole frontend, management API and deployment
TecnologíasTech stack: React
Vite
Tailwind CSS
Zustand
TanStack Query
FullCalendar
Node.js
Express
MongoDB
JWT

Página de inicio de The Precision con el botón de reservar cita — Inicio y reserva del cliente, con datos de prueba.Home page and client booking, with test data.

Paso de elección de fecha y hora, con los huecos libres de cada profesional — Inicio y reserva del cliente, con datos de prueba.Home page and client booking, with test data.

Mi parteMy part

Todo el frontend con React, Vite y Tailwind: web pública, autenticación, asistente de reserva, «Mis citas» y el panel de administración completo.The whole frontend with React, Vite and Tailwind: public site, authentication, booking wizard, “My appointments” and the full admin panel.
Estado y datos con Zustand y TanStack Query, y el calendario de administración con FullCalendar.State and data with Zustand and TanStack Query, and the admin calendar with FullCalendar.
En la API: endpoints de citas, profesionales, servicios, bloqueos, notas y ajustes, con un middleware genérico de validación, ajustes en caché y fechas normalizadas por zona horaria.In the API: endpoints for appointments, stylists, services, time blocks, notes and settings, with a generic validation middleware, cached settings and timezone-safe dates.
Descansos, bloqueos, vista móvil y despliegue.Breaks, time blocks, mobile view and deployment.
Ariel se encargó del modelo de datos, la autenticación y las reglas de reserva.Ariel took care of the data model, authentication and booking rules.

Qué hace la appWhat the app does

Reserva guiada en tres pasos: servicio, hora con los huecos libres reales y confirmación.A guided three-step booking: service, a time from the real free slots, and confirmation.
Área de cliente con próximas citas, historial y cancelación.A client area with upcoming appointments, history and cancellation.
Panel del negocio con resumen del día, calendario, servicios, profesionales, bloqueos y ajustes.A business panel with the day’s summary, calendar, services, staff, time blocks and settings.

GaleríaGallery

Primer paso de la reserva: elección del servicio — Paso 1: elegir servicio.Step 1: choose a service.

Último paso de la reserva con el resumen y el precio — Paso 3: confirmar la cita.Step 3: confirm the appointment.

Área de cliente con las próximas citas — «Mis citas» del cliente.The client’s “My appointments”.

Panel de administración con las citas del día y los ingresos previstos — Resumen del negocio.Business dashboard.

Calendario semanal del panel de administración — Calendario semanal con FullCalendar.Weekly calendar with FullCalendar.

Gestión del catálogo de servicios — Gestión de servicios.Service management.

¿Hablamos?Let’s talk

Soy de Sevilla y ahora vivo en Madrid. Me gusta que las cosas funcionen de principio a fin: diseñar el sistema, escribir el código, desplegarlo y medir si de verdad responde bien.I’m from Seville and now live in Madrid. I like things to work end to end: designing the system, writing the code, deploying it and measuring whether it really holds up.

Si buscas a alguien para backend, datos o IA aplicada, escríbeme y te respondo.If you’re looking for someone for backend, data or applied AI work, write to me and I’ll get back to you.