✨ Générateur Mistral AI

Créez des sites web complets et fonctionnels en quelques secondes grâce à l'intelligence artificielle Mistral.

🚀 Fonctionnalités

Génération de Sites

• Génération automatique de sites HTML/CSS/JS complets à partir d'une description textuelle
• 3 Agents IA travaillant en collaboration :
  • 🤖 Agent 1 : Architecte (génération initiale)
  • 🕵️ Agent 2 : Auditeur (analyse et détection d'erreurs)
  • 🔧 Agent 3 : Correcteur (correction automatique si nécessaire)
• Boutons 100% fonctionnels avec JavaScript interactif
• Design responsive et moderne
• Images professionnelles depuis Unsplash

Personnalisation

• 📱 Fonctionnalités rapides : Menu mobile, formulaire, animations, dark mode, galerie, FAQ, slider, compteurs, popup, navigation
• 🎨 Styles visuels : Minimaliste, Corporate, Créatif, Brutaliste
• 📄 Cahier des charges : Upload de fichiers TXT, Markdown ou PDF pour des spécifications détaillées

Édition et Export

• ✏️ Éditeur visuel : Modification en temps réel des éléments du site
• 🔍 Recherche/Remplacement : Modification rapide du code
• 🖼️ Gestionnaire d'images : Upload et remplacement automatique des images
• 💾 Export multiple : HTML seul ou ZIP complet avec images
• 📋 Historique : Sauvegarde des 10 dernières générations

Interface

• 🌙 Mode clair/sombre
• 📱 Interface responsive
• ⌨️ Raccourcis clavier (Ctrl+Enter pour générer)
• 🔔 Notifications toast

📋 Prérequis

• Un navigateur web moderne (Chrome, Firefox, Edge, Safari)
• Une clé API Mistral (obtenir sur https://console.mistral.ai/)
• (Optionnel) Node.js pour utiliser le backend avec streaming

🚀 Installation

Méthode 1 : Utilisation directe (Frontend uniquement)

1. Téléchargez les fichiers de l'application :

   • index.html
   • style.css
   • mistral_generator.js

2. Ouvrez simplement index.html dans votre navigateur

3. Entrez votre clé API Mistral

Méthode 2 : Avec Backend Node.js (Recommandé pour le streaming)

1. Installez Node.js depuis https://nodejs.org/

2. Créez un dossier pour le projet et placez-y les fichiers

3. Ouvrez un terminal dans le dossier et installez les dépendances :

   npm init -y
   npm install express cors dotenv axios