Fuel Price - Comparateur de Prix des Carburants

Contexte

Application web moderne pour rechercher et comparer les prix des carburants en France

Description

Application web développée en JavaScript permettant de localiser les stations-service les moins chères autour d'une adresse donnée. L'application utilise les API officielles du gouvernement français (Base Adresse Nationale et Prix des Carburants) pour fournir des données en temps réel. Elle intègre une carte interactive Leaflet avec marqueurs personnalisés, un système de filtrage par type de carburant (Diesel, SP95, SP98, E85, E10, GPLc) et un tri automatique par prix croissant.

Octobre 2025
1 personne
Projet IUT • 17.75/20

Compétences utilisées

JavaScript
HTML5
CSS3
Webpack
Sass

Compétences

Compétences utilisées

JavaScript
HTML5
CSS3
Webpack
Sass

Compétences acquises

Webpack
Sass
Leaflet

Compétences améliorées

JavaScript
CSS3

Fonctionnalités

10Fonctionnalités
Glisser< >
01

Recherche de stations-service par adresse avec géocodage

JavaScript
HTML5
02

Carte interactive Leaflet avec marqueurs personnalisés et popup d'informations

HTML5
CSS3
Webpack
03

Filtrage dynamique par type de carburant (6 types disponibles)

CSS3
Webpack
Sass
JavaScript
04

Tri automatique des stations par prix croissant

Webpack
Sass
05

Ajustement du rayon de recherche (1 à 20 km)

Sass
JavaScript
HTML5
06

Interface responsive adaptée mobile et desktop

JavaScript
HTML5
CSS3
Webpack
07

Design moderne avec CSS3 et animations

HTML5
CSS3
08

Architecture modulaire orientée objet (classes App, Fuel, ServiceStation, MapView, etc.)

CSS3
Webpack
Sass
09

Build optimisé avec Webpack 5, Babel, PostCSS et Sass

Webpack
Sass
JavaScript
HTML5
10

Documentation générée automatiquement avec JSDoc

Sass
JavaScript

Galerie

Galerie

6