Ir al contenido

Misión 02 · Cliente · Sistema de reservas

El Desván

Reservas online de pruebas de vestidos y trajes, con seña y recordatorio incluidos.

Inicio de El Desván en el celular
Plataforma
Web y celular
Código
Privado
Stack
React 19 · TypeScript · Tailwind CSS
Fig. 1 · Calendario de reservas de El Desván

01

La misión

Que una clienta pueda reservar su prueba sola, a cualquier hora y desde el celular, sin que nadie tenga que coordinar horarios por mensaje ni perseguir la seña: el turno solo se confirma cuando el pago está acreditado.

Reservas online de pruebas de vestidos y trajes para El Desván de Irene. La clienta elige prenda, día y horario según la disponibilidad real, paga la seña con Mercado Pago y recibe un recordatorio por WhatsApp; después puede reagendar o cancelar sola.

  • Disponibilidad real desde Calendly
  • Seña con Mercado Pago
  • Recordatorios por WhatsApp

02

Qué hace

  1. 02.1Día y horario

    La clienta elige si es vestido o traje y el calendario muestra solo los días y horarios libres según la disponibilidad real de Calendly.

  2. 02.2Datos de la clienta

    Nombre, DNI, email, teléfono y si la prueba es de vestido o de traje, con validación y máscaras en cada campo.

  3. 02.3Seña con Mercado Pago

    Paga en Mercado Pago y, al volver, el servidor verifica el pago real; recién ahí se confirma el turno y se crea el evento en Calendly.

  4. 02.4Confirmación y autogestión

    Recibe la confirmación por email y puede reagendar o cancelar sola, con el link del recordatorio o con su email y el código de la cita.

  5. 02.5Recordatorios por WhatsApp

    Antes de la prueba le llega un recordatorio por WhatsApp con los datos del turno y los links para reagendar o cancelar.

  6. 02.6Panel de administración

    Vinculación de WhatsApp con un código QR, estado del servicio, mensajes recientes y recordatorios trabados a la vista.

03

Cómo está hecho

Frontend en React 19 con TypeScript, Tailwind CSS y shadcn/ui, pensado primero para el celular. La API, en NestJS con SQLite, se integra con Calendly y con Mercado Pago (verifica la firma de cada aviso y vuelve a consultar el pago antes de confirmarlo), manda los emails de confirmación y envía los recordatorios por WhatsApp desde una cola de trabajos.

Stack

  • React 19
  • TypeScript
  • Tailwind CSS
  • NestJS
  • SQLite
  • Calendly
  • Mercado Pago

04

En pantalla

Fig. 2 · Cita confirmada en El Desván
Fig. 3 · Inicio de El Desván en el celular