EuroFuels

Precios de combustible en los 27 estados miembros de la UE, en un mapa.

Aplicación · Código fuente front · Código fuente back

Los precios del combustible varían enormemente entre las fronteras de la UE, pero no existe una forma fácil de compararlos de un vistazo. EuroFuels coloca el precio de gasolina y diésel de cada estado miembro en un único mapa interactivo.

Qué hace

• Mapa interactivo de los 27 estados de la UE — haz clic en un país para ver su precio de gasolina y diésel

• Vista de estadísticas con una tabla que compara todos los países lado a lado, más promedios de toda la UE

  

• Inglés y español, modo claro y oscuro (oscuro por defecto)

• Los precios se obtienen del Boletín Semanal de Petróleo oficial de la UE, actualizado automáticamente

Cómo está construido

React 19 + TypeScript, MUI, Mapbox GL JS para el mapa, SWR para la obtención de datos, React Router v7 en modo framework.

• Librería de componentes compartida — basada en @macolmenerori/component-library, un paquete que publico y mantengo personalmente, de modo que los cambios de diseño se propagan por todos mis proyectos en lugar de ser copiados entre ellos.
• Pipeline de despliegue — cada solicitud de extracción ejecuta una verificación completa (auditoría, lint, comprobación de tipos, pruebas, compilación) en GitHub Actions; los lanzamientos sincronizan la compilación estática con S3 e invalidan CloudFront. También se distribuye como una imagen de Docker para una ejecución local con un solo comando.
• Backend sin servidor — una AWS Lambda en Python, activada semanalmente por EventBridge, analiza la hoja de cálculo oficial del Boletín Semanal de Petróleo de la Comisión Europea y escribe el resultado como un archivo JSON en un depósito S3 público. Sin servidor, sin base de datos — la «API» es un archivo estático, actualizado según programación.

Echa un vistazo a la aplicación — una buena forma de comprobar antes de un viaje por carretera a través de fronteras.