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
/ bus Public template

Ejemplo de reserva de autobuses con React - Pasarela Gateway

Notifications You must be signed in to change notification settings

Coderic/bus

Open more actions menu

🚌 Bus Express - Reserva de Autobuses en Tiempo Real

Sistema de reserva de autobuses con disponibilidad en tiempo real construido con React y Relay Gateway.

React Vite Relay

📖 Sobre este Ejemplo

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

  • 🚌 Selección de rutas - Búsqueda de viajes por origen y destino
  • 🎫 Reserva de asientos - Visualización y selección de asientos disponibles
  • Actualización en tiempo real - Los asientos se bloquean automáticamente cuando otros usuarios los seleccionan
  • ⚠️ Prevención de overbooking - Múltiples usuarios no pueden reservar el mismo asiento
  • 📊 Gestión de reservas - Vista de todas las reservas activas en tiempo real

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/bus.git
cd bus

# 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
npm run dev

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

Producción

# Construir para producción
npm run build

# Los archivos estarán en la carpeta dist/

🎯 Uso

  1. Abrir múltiples pestañas para simular diferentes usuarios
  2. Seleccionar una ruta de origen y destino
  3. Elegir asientos - Observa cómo los asientos se bloquean en tiempo real cuando otros usuarios los seleccionan
  4. Realizar reservas - Los asientos se reservan automáticamente
  5. Ver el dashboard - Monitorea todas las reservas en tiempo real

🔗 Enlaces

🛠️ Tecnologías

  • React - Biblioteca JavaScript para construir interfaces de usuario
  • Vite - Build tool y dev server
  • Relay Gateway - Gateway de comunicación en tiempo real
  • Socket.io - Comunicación WebSocket

📝 Licencia

MIT

About

Ejemplo de reserva de autobuses con React - 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.