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.
- HTML5
- CSS3 (con Tailwind CSS)
- JavaScript (con Chart.js)
- 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.
- Ingresa el número de tarjeta en el campo proporcionado.
- Haz clic en el botón "Consultar".
- Se mostrará información detallada sobre la tarjeta y sus movimientos.
- Se visualizará un gráfico con los movimientos de la tarjeta.
- 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.