Fuel Price - Comparador de Precios de Combustible
Aplicación web moderna para buscar y comparar precios de combustible en Francia
Aplicación web desarrollada en JavaScript para localizar las gasolineras más baratas alrededor de una dirección dada. La aplicación utiliza las API oficiales del gobierno francés (Base Nacional de Direcciones y Precios de Combustible) para proporcionar datos en tiempo real. Incluye un mapa interactivo Leaflet con marcadores personalizados, un sistema de filtrado por tipo de combustible (Diesel, SP95, SP98, E85, E10, GPLc) y ordenación automática por precio ascendente.
Competencias
Competencias utilizadas
Competencias adquiridas
Competencias mejoradas
Funcionalidades
Mapa interactivo Leaflet con marcadores personalizados y ventanas emergentes
Documentación generada automáticamente con JSDoc
Filtrado dinámico por tipo de combustible (6 tipos disponibles)
Búsqueda de gasolineras por dirección con geocodificación
Ordenación automática de estaciones por precio ascendente
Mapa interactivo Leaflet con marcadores personalizados y ventanas emergentes
Ajuste del radio de búsqueda (1 a 20 km)
Filtrado dinámico por tipo de combustible (6 tipos disponibles)
Interfaz responsive adaptada a móvil y escritorio
Ordenación automática de estaciones por precio ascendente
Diseño moderno con CSS3 y animaciones
Ajuste del radio de búsqueda (1 a 20 km)
Arquitectura modular orientada a objetos (clases App, Fuel, ServiceStation, MapView, etc.)
Interfaz responsive adaptada a móvil y escritorio
Build optimizado con Webpack 5, Babel, PostCSS y Sass
Diseño moderno con CSS3 y animaciones
Documentación generada automáticamente con JSDoc
Arquitectura modular orientada a objetos (clases App, Fuel, ServiceStation, MapView, etc.)
Búsqueda de gasolineras por dirección con geocodificación
Build optimizado con Webpack 5, Babel, PostCSS y Sass
Búsqueda de gasolineras por dirección con geocodificación
Mapa interactivo Leaflet con marcadores personalizados y ventanas emergentes
Filtrado dinámico por tipo de combustible (6 tipos disponibles)
Ordenación automática de estaciones por precio ascendente
Ajuste del radio de búsqueda (1 a 20 km)
Interfaz responsive adaptada a móvil y escritorio
Diseño moderno con CSS3 y animaciones
Arquitectura modular orientada a objetos (clases App, Fuel, ServiceStation, MapView, etc.)
Build optimizado con Webpack 5, Babel, PostCSS y Sass
Documentación generada automáticamente con JSDoc
Galería
Galería
6