Gluc

L'objectif principale de cette application est de rapidement pouvoir voir la quantité de glucide d'un produit.

Cette application React, récupére les données de l'API Open Food Facts pour lister les produits alimentaires et afficher la quantité de glucides pour chaque produit. C'est une manière pratique de visualiser les informations nutritionnelles des produits.

Application web disponible ici

Sommaire

• Fonctionnalités
• Captures d'écran
• Installation
• Utilisation
  • Développement
  • Déployement
• Auteur

Fonctionnalités

• Liste des produits avec leurs noms, marques et quantité de glucides par 100g.
• Possibilité de filtrer les produits par recherche.
• Possibilité d'avoir plus d'information sur un produit.

Captures d'écran

Interface principale avec recherche

Informations supplémentaires sur un produit

Installation

1. Clônez ce dépôt vers votre machine locale.

git clone https://github.com/Tonaxis/Gluc

2. Accédez au répertoire du projet.

cd votre-projet

3. Installez les dépendances.

npm install

Utilisation

Développement

1. Lancez l'application en mode développement.

npm start

2. Ouvrez votre navigateur et accédez à l'URL suivante :

http://localhost:3000

3. L'application devrait maintenant être visible dans votre navigateur, prête à être utilisée.

Déployement

1. Lancez le build de l'application.

npm run build

2. Déployez le build.

serve -s build

3. Ouvrez votre navigateur et accédez à l'URL suivante :

http://localhost:3000

4. L'application devrait maintenant être visible dans votre navigateur, prête à être utilisée.

Auteur

Tonaxis