PanaSaldo es una página web que te permite consultar el saldo de tu Panapass 🚦 de forma rápida ⚡, moderna 🖥️ y con funcionalidades extra. Utilizando tu número de Panapass, podrás obtener al instante el saldo disponible en tu cuenta.
⚠️ Este servicio no es oficial de Panapass y ha sido creado únicamente con fines educativos 📚 y de demostración.
PanaSaldo ofrece una interfaz intuitiva 🎨 y moderna para consultar tu saldo de Panapass. Diseñada con HTML 📜, CSS 🎨, TailwindCSS, y JavaScript ⚙️, la página proporciona una experiencia de usuario fluida y responsiva 📱.
La consulta de saldo se realiza de manera eficiente y segura 🔒 a través de una API externa, empleando un servicio de CORS Proxy para superar las restricciones de acceso desde el navegador.
Además de la consulta básica de saldo, PanaSaldo incluye funcionalidades adicionales para mejorar tu experiencia.
🔥 PanaSaldo ahora va más allá de la simple consulta de saldo, ofreciendo una serie de características adicionales diseñadas para mejorar la experiencia del usuario:
- 🚀 Consulta Rápida de Saldo: Consulta tu saldo Panapass al instante ingresando tu número.
- 🎨 Diseño Moderno y Responsivo: Interfaz atractiva y funcional en cualquier dispositivo gracias a Tailwind CSS.
- 📊 Historial de Saldo:
- 📈 Gráfico de Historial: Visualiza la evolución de tu saldo con un gráfico interactivo.
- 📜 Historial Reciente: Accede a un listado de tus últimas consultas de saldo.
- 💾 Panapass Guardados: Guarda tus números de Panapass para consultas futuras más rápidas.
- ℹ️ Información Adicional Detallada: Tras cada consulta, accede a detalles como saldo disponible y fecha de la última consulta.
- 📰 Noticias de Tráfico en Panamá: Mantente informado con las últimas noticias de tráfico de Traficopanama directamente en la barra lateral.
- 🎨 Selector de Tema: Personaliza tu experiencia visual eligiendo entre tema claro y oscuro.
- ⚡ Autocompletado Inteligente: Recibe sugerencias basadas en tus números guardados.
- ⏳ Carga Eficiente: Efecto de carga tipo esqueleto y feedback visual en el botón de consulta.
- 🔔 Mensajes Toast: Notificaciones discretas y elegantes con SweetAlert2.
- ⚡ Rendimiento Optimizado: Limitación de frecuencia de consulta para evitar sobrecargas.
PanaSaldo NO es una página oficial de Panapass ni está afiliada a la Empresa Nacional de Autopistas (ENA) de Panamá.
Este proyecto es una herramienta independiente y de código abierto, creada con fines educativos y para demostrar el uso de tecnologías web modernas.
Para cualquier trámite oficial, gestión de cuenta o inconvenientes con tu Panapass, por favor, contacta directamente con los canales oficiales de atención al cliente de Panapass.
- 🏗 HTML: Estructura y contenido de la página web.
- 🎨 CSS: Estilos personalizados para la presentación visual.
- 🎨 Tailwind CSS: Framework de CSS para un diseño moderno y responsivo.
- ⚙️ JavaScript: Lógica interactiva del sitio, manejo de la API y dinamismo de la interfaz.
- 📊 Chart.js: Librería para la generación de gráficos del historial de saldo.
- 🔔 SweetAlert2: Alertas y notificaciones atractivas (mensajes Toast).
- 🔄 API de Panapass: API pública para la consulta del saldo.
- 🌍 CORS Proxy: Servicio para evitar problemas de CORS al consumir la API desde el navegador.
- Ingresa tu Panapass: Introduce tu número de Panapass en el campo de texto.
- Consulta tu Saldo: Haz clic en el botón "Consultar Saldo".
- Visualiza tu Saldo: En segundos, PanaSaldo mostrará tu saldo actual.
- Explora el Historial y Más: Revisa las secciones de historial y la información adicional.
Puedes hacer consultas automáticas usando parámetros en la URL:
https://fl2on.github.io/PanaSaldo/?panapass=1234567890
- 💻 Desarrollado por Fl2on.
- 🎨 Diseño con Tailwind CSS.
- 📊 Gráficos con Chart.js.
- 🔔 Alertas con SweetAlert2.
- 🌍 Proxy CORS de CORS Proxy.
- 📰 Noticias de tráfico de Traficopanama.
Este proyecto se distribuye bajo la licencia Apache 2.0.
Consulta el archivo LICENSE
para más detalles sobre los términos y condiciones de uso, modificación y distribución de este software.