Skip to content

Funcionalidades

Las funcionalidades del sistema actualmente se dividen en tres categorías: terminadas, en desarrollo y planeadas.


Página: /services/

Sección que muestra todos los servicios que ofrece la empresa:

  • venta de pasajes nacionales e internacionales
  • abonos
  • encomiendas
  • trámites
  • partidas y giros.

Cada card del servicio tiene un icono, título (algunos también subtítulo), descripción y detalles.

Página: /services/

Sección que muestra los tipos de ómnibus que ofrece la empresa para los viajes personalizados:

  • Común
  • Común - Semicama
  • Micro
  • Micro - Sin baño

Igual que con los servicios, cada card del tipo tiene un icono, título, una breve descripción y detalles.


Página: /buy-ticket/[ticket-id]/.
Si la url no contiene el id del ticket, te redirige a /buy-ticket/.

La pasarela de pagos se divide en cuatro páginas:

  • Información del Viaje
  • Selección de Asientos
  • Datos de Pasajeros
  • Pago y Confirmación

Este página permite al usuario buscar, visualizar y comprar boletos para viajes fijos.

  • Visualización de rutas disponibles con origen, destino y horarios.
  • Posibilidad de seleccionar asientos (si aplica).
  • Confirmación de compra mediante interacción con el backend (simulado en mocks en desarrollo).
  • Implementación técnica: Componentes Preact interactivos, estado con Zustand.

(video mostrando la búsqueda y compra de boletos)


Seguimiento en tiempo real de los ómnibus

Section titled “Seguimiento en tiempo real de los ómnibus”

Permite al usuario ver la ubicación de los buses en tiempo real en un mapa interactivo.

  • Implementación de WebSockets para recibir actualizaciones constantes del backend.
  • Uso de Leaflet para renderizar mapas y marcadores de vehículos.
  • Objetivo: dar visibilidad completa de la flota en movimiento, mejorando la experiencia del usuario.

(video de mapa interactivo con un bus moviéndose)


Proporciona información sobre la empresa, misión, visión y equipo de trabajo.

  • Planeado para incluir fotos del personal y videos institucionales.
  • Buscamos mantener un diseño corporativo y accesible.

(imagen o video del equipo / presentación institucional)


Funcionalidad para crear rutas a medida según las necesidades del usuario.

  • Permitir al usuario elegir origen, destino, horarios y cantidad de pasajeros.
  • Backend deberá calcular disponibilidad y costos automáticamente.
  • Requiere integración con sistema de pagos y generación de comprobantes.

Integración completa con pasarela de pago (MercadoPago)

Section titled “Integración completa con pasarela de pago (MercadoPago)”
  • Cobro seguro y confirmado de los boletos adquiridos.
  • Posibilidad de registrar pagos pendientes y confirmados en un dashboard administrativo.

  • Cada compra generará un comprobante con código QR único.
  • Facilita la validación en el ingreso al transporte.
  • Integración con backend para generar y validar códigos de manera segura.

  • Gestión de reservas, pagos y rutas desde un panel centralizado.
  • Permite a administradores crear, editar y eliminar rutas y servicios.
  • Visualización de estadísticas y reportes sobre ventas y ocupación.

(imagen conceptual de dashboard administrativo)


El objetivo principal de todas estas funcionalidades es:

  • Ofrecer una experiencia de usuario ágil y accesible.
  • Automatizar ventas y confirmación de pagos de manera segura.
  • Brindar visibilidad en tiempo real de la flota.
  • Crear una base sólida para futuras expansiones, incluyendo viajes personalizados y herramientas administrativas avanzadas.