Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Coderic/aerolinea

Open more actions menu

✈️ SkyBooker - Reserva de Vuelos en Tiempo Real

Sistema de reserva de vuelos con disponibilidad en tiempo real construido con Angular y Relay Gateway.

Angular TypeScript Relay

📖 Sobre este Ejemplo

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

  • ✈️ Búsqueda de vuelos - Selección de origen, destino y fechas
  • 🎫 Reserva en tiempo real - Los asientos disponibles se actualizan instantáneamente
  • ⚠️ Prevención de overbooking - Múltiples usuarios no pueden reservar el mismo asiento
  • 📊 Dashboard de reservas - Vista administrativa de todas las reservas activas
  • 🔔 Notificaciones - Alertas cuando se realizan nuevas reservas

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.

🚀 Inicio Rápido

Prerrequisitos

Instalación

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

# Instalar dependencias
npm install

Configuración

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

Desarrollo

# Iniciar servidor de desarrollo
ng serve

Abre tu navegador en http://localhost:4200.

Producción

# Construir para producción
ng build --configuration production

# Los archivos estarán en la carpeta dist/

🎯 Uso

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

🔗 Enlaces

🛠️ Tecnologías

  • Angular - Framework de aplicaciones web
  • TypeScript - Superset tipado de JavaScript
  • Ionic - Framework UI para aplicaciones móviles y web
  • Relay Gateway - Gateway de comunicación en tiempo real
  • Socket.io - Comunicación WebSocket

📝 Licencia

MIT

About

Ejemplo de reserva de vuelos con Angular - Pasarela Gateway

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.