Analyseur d'aliments
Une application web qui prend le code-barres d'un produit et propose des alternatives avec un meilleur Nutri-Score, à partir de l'API Open Food Facts.
Codé par moi, HTML et CSS par l'IA. J'ai conçu l'architecture en quatre classes et écrit le JavaScript. L'IA m'a expliqué (HTTP, async/await, webpack), a relu et commenté le code, et a écrit la page HTML et CSS.
- Contexte
- BUT Informatique, 2e année
- Année
- 2026
- Catégorie
- Web
- Technologies
- JavaScript, POO, webpack, Babel, API REST
Le problème
Saisir un code-barres, retrouver le produit et lui proposer des alternatives mieux notées, avec les données publiques d'Open Food Facts.
Ce que fait l'application
- Récupère le nom, le Nutri-Score et les catégories du produit
- Cherche dans sa catégorie les produits mieux notés, en commençant par la plus précise puis en remontant vers les plus larges
- Gère les cas limites : saisie vide, produit sans catégorie, produit sans note, produit déjà en « a »
Le plus difficile
L'API. Elle est parfois lente (3 à 7 secondes) et renvoie des erreurs 503. Les deux requêtes dépendent l'une de l'autre, donc il faut attendre la première avant de lancer la seconde. J'ai limité la recherche à 20 produits, vérifié le statut des réponses, et fait passer l'application à la catégorie suivante quand une requête échoue.
Ce que j'ai fait, et l'IA
J'ai conçu l'architecture en quatre classes (requêtes, coordination, fiche produit, affichage) et écrit le code JavaScript. Claude m'a servi de guide : explications (HTTP, async/await, webpack), relecture, commentaires du code, page HTML et CSS. Le détail est dans le README du dépôt.
Limites
Les alternatives sont choisies par catégorie et par Nutri-Score uniquement, donc certaines propositions sont peu pertinentes quand la catégorie précise manque de résultats.