Mistral Chef 🍳

Transformez vos ingrédients en recettes uniques grâce à l'intelligence artificielle Mistral AI.

Stack

• HTML5 / CSS3 (dark theme, responsive)
• JavaScript vanilla (fetch API Mistral)
• Mistral AI API (mistral-small-latest)

🔑 Configuration

1. Crée un compte sur console.mistral.ai et génère une clé API
2. Copie le fichier .env.example en .env (optionnel — sert de référence)
3. Ouvre index.html dans ton navigateur
4. Colle ta clé API dans le champ prévu à l'ouverture de la page

La clé est stockée uniquement dans le localStorage de ton navigateur. Rien n'est envoyé ailleurs que vers l'API Mistral.

Option : proxy serverless (sans clé côté utilisateur)

Pour un déploiement où tu ne veux pas demander une clé API à chaque visiteur, un proxy serverless est fourni dans api/mistral.js (compatible Vercel) :

1. Déploie le repo sur Vercel
2. Ajoute la variable d'environnement MISTRAL_API_KEY dans les settings du projet
3. Dans index.html, ajoute avant js/scripts.js :

   <script>window.MISTRAL_CHEF_USE_PROXY = true;</script>

Le front appellera alors /api/mistral au lieu de l'API Mistral directement, et les visiteurs n'ont plus besoin de fournir leur propre clé.

Fonctionnalités

• Saisie libre d'ingrédients
• 4 ambiances au choix (classique, healthy, exotique, rapide)
• Génération de recette complète : titre, temps, difficulté, ingrédients, étapes, astuce
• Interface dark theme chaude et raffinée

Lien

https://soch126.github.io/mistral-chef/