Fuel Price - Fuel Price Comparator
Modern web application to search and compare fuel prices in France
Web application developed in JavaScript to locate the cheapest gas stations around a given address. The application uses official French government APIs (National Address Database and Fuel Prices) to provide real-time data. It features an interactive Leaflet map with custom markers, a fuel type filtering system (Diesel, SP95, SP98, E85, E10, GPLc), and automatic sorting by ascending price.
Skills
Skills used
Skills acquired
Skills improved
Features
Interactive Leaflet map with custom markers and info popups
Auto-generated documentation with JSDoc
Dynamic filtering by fuel type (6 types available)
Gas station search by address with geocoding
Automatic station sorting by ascending price
Interactive Leaflet map with custom markers and info popups
Search radius adjustment (1 to 20 km)
Dynamic filtering by fuel type (6 types available)
Responsive interface for mobile and desktop
Automatic station sorting by ascending price
Modern design with CSS3 and animations
Search radius adjustment (1 to 20 km)
Object-oriented modular architecture (App, Fuel, ServiceStation, MapView classes, etc.)
Responsive interface for mobile and desktop
Optimized build with Webpack 5, Babel, PostCSS and Sass
Modern design with CSS3 and animations
Auto-generated documentation with JSDoc
Object-oriented modular architecture (App, Fuel, ServiceStation, MapView classes, etc.)
Gas station search by address with geocoding
Optimized build with Webpack 5, Babel, PostCSS and Sass
Gas station search by address with geocoding
Interactive Leaflet map with custom markers and info popups
Dynamic filtering by fuel type (6 types available)
Automatic station sorting by ascending price
Search radius adjustment (1 to 20 km)
Responsive interface for mobile and desktop
Modern design with CSS3 and animations
Object-oriented modular architecture (App, Fuel, ServiceStation, MapView classes, etc.)
Optimized build with Webpack 5, Babel, PostCSS and Sass
Auto-generated documentation with JSDoc
Gallery
Gallery
6