Saltar al contenido principal
FRONTEND / UX_ENGINE
PROJECT // 01

AG Beauty Salon

Booking Orchestration & CMS

React
Firebase
Node.js
Preparando Entorno
Desplaza hacia abajo para inicializar la vista previa del sistema.

Desplaza para Entrar

El Desafío

Digitalizar un negocio premium sin perder sensaciones de lujo: reserva sin fricción, control total para la propietaria y una interfaz que transmite confianza desde el primer segundo.

Stack Tecnológico

React
01
Firebase
02
Node.js
03
Google Calendar API
04

Algoritmo Sandwich: Scheduling Inteligente

La disponibilidad se divide en fases Active-Wait-Active para liberar huecos con precisión y permitir reservas paralelas sin colisiones.

Firebase + Google Calendar

Arquitectura NoSQL con sincronización atómica bidireccional, Service Accounts y Firestore para mantener calendario y reservas siempre alineados.

useCreateBooking.ts — Booking Core
// useCreateBooking.ts — Firebase Orchestrator
export const handleBooking = async (bookingData: BookingPayload) => {
  const { service, startTime, phase2Min } = bookingData;
  const docRef = await db.collection("bookings").add({ ...bookingData, status: "confirmed", createdAt: serverTimestamp() });
  const phase1End = addMinutes(startTime, service.activeMin);
  const phase2End = addMinutes(phase1End, phase2Min);
  await calendar.events.insert({
    calendarId: process.env.GOOGLE_CALENDAR_ID!,
    requestBody: { summary: `✂ ${service.name}`, start: { dateTime: startTime.toISOString() }, end: { dateTime: phase1End.toISOString() } },
  });
  return { success: true, id: docRef.id, freeSlot: { phase1End, phase2End } };
};

Conclusión del Proyecto

Impacto Real

Facturación +30%, carga inicial < 300ms y un flujo de reserva que se siente instantáneo.