Sistema de reserva de hoteles con disponibilidad en tiempo real construido con Vue.js 3 y Relay Gateway.

Hotel Booking es un ejemplo funcional que demuestra cómo construir un sistema de reserva de hoteles con actualización de disponibilidad en tiempo real. Este ejemplo muestra:

• 🏨 Búsqueda de hoteles - Selección de destino, fechas y número de huéspedes
• 🛏️ Selección de habitaciones - Visualización de habitaciones disponibles
• ⚡ Actualización en tiempo real - La disponibilidad se sincroniza instantáneamente entre usuarios
• ⚠️ Prevención de overbooking - Múltiples usuarios no pueden reservar la misma habitación
• 📊 Gestión de reservas - Vista de todas las reservas activas

Este ejemplo pertenece a la colección de ejemplos de Relay Gateway, un gateway de comunicación en tiempo real diseñado para ser inmutable y agnóstico.

• Node.js 18+ o Docker
• Relay Gateway ejecutándose (ver documentación de Relay)

# Clonar el repositorio
git clone https://github.com/Coderic/hotel.git
cd hotel

# Instalar dependencias
npm install

Asegúrate de tener Relay Gateway ejecutándose. Puedes usar el endpoint público para pruebas:

// En tu código, el conector se conecta a:
const relay = new RelayConector('http://demo.relay.coderic.net');

O ejecuta Relay localmente:

# Opción 1: Con npx (recomendado para pruebas)
npx @coderic/relay

# Opción 2: Con Docker Compose
docker compose up -d

# Iniciar servidor de desarrollo
npm run dev

Abre tu navegador en http://localhost:5173 (o el puerto que Vite asigne).

# Construir para producción
npm run build

# Los archivos estarán en la carpeta dist/

1. Abrir múltiples pestañas para simular diferentes usuarios
2. Buscar hoteles seleccionando destino, fechas y huéspedes
3. Seleccionar habitaciones - Observa cómo la disponibilidad se actualiza en tiempo real
4. Realizar reservas - Las habitaciones se bloquean automáticamente para otros usuarios
5. Ver el dashboard - Monitorea todas las reservas en tiempo real

• 📦 Repositorio
• 🐛 Issues
• 🌐 Demo en línea
• 📚 Documentación de Relay
• ⚡ Relay Gateway

• Vue.js 3 - Framework JavaScript progresivo
• Vite - Build tool y dev server
• Relay Gateway - Gateway de comunicación en tiempo real
• Socket.io - Comunicación WebSocket

MIT