/Metro-Consulta

(Metro Consulta) Página Web Básica de Ejemplo Para Test de Cross-Origin (CORS) / Página Web de Consulta de Saldo de MetroBus (MiBus Que es el Sistema de Transporte Publico de Panamá)

Primary LanguageJavaScriptMIT LicenseMIT

image

(Metro Consulta) Página Web Básica de Ejemplo Para Test de Cross-Origin (CORS)

Este es un ejemplo de una página web básica para realizar consultas de saldo de una tarjeta MetroBus (MiBus Que es el Sistema de Transporte Público en Panamá) utilizando Cross-Origin Resource Sharing (CORS). La página permite ingresar el número de tarjeta y consultar su saldo, mostrando información detallada sobre la tarjeta y sus movimientos.

ScreenShot

image

Tecnologías utilizadas

  • HTML5
  • CSS3 (con Tailwind CSS)
  • JavaScript (con Chart.js)

Funcionalidades

  • Consulta de saldo de una tarjeta ingresando su número.
  • Visualización gráfica de los movimientos de la tarjeta (gastos, recargas y cambio de saldo).
  • Mostrar información detallada de la tarjeta y sus movimientos.

Uso

  1. Ingresa el número de tarjeta en el campo proporcionado.
  2. Haz clic en el botón "Consultar".
  3. Se mostrará información detallada sobre la tarjeta y sus movimientos.
  4. Se visualizará un gráfico con los movimientos de la tarjeta.

Créditos

  • La API de consulta de saldo de tarjetas de transporte público es proporcionada por Yizack.
  • Se utiliza CORS Proxy para realizar consultas CORS a la API externa.