Update README.md
Browse files
README.md
CHANGED
|
@@ -10,4 +10,85 @@ pinned: false
|
|
| 10 |
short_description: 🎓 EduHTML Creator - Générateur de contenu éducatif HTML
|
| 11 |
---
|
| 12 |
|
| 13 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 10 |
short_description: 🎓 EduHTML Creator - Générateur de contenu éducatif HTML
|
| 11 |
---
|
| 12 |
|
| 13 |
+
# 🎓 EduHTML Creator
|
| 14 |
+
|
| 15 |
+
Transformez n'importe quel document en contenu éducatif HTML interactif avec un design inspiré d'Apple.
|
| 16 |
+
|
| 17 |
+
## 🎯 Objectif éducatif
|
| 18 |
+
|
| 19 |
+
Cette application utilise l'intelligence artificielle pour créer des pages HTML éducatives élégantes et interactives à partir de vos documents. L'objectif est de faciliter l'apprentissage grâce à :
|
| 20 |
+
|
| 21 |
+
- **Apprentissage par le visuel** - Design moderne et épuré
|
| 22 |
+
- **Apprentissage par l'interaction** - Expérience engageante avec quiz interactifs
|
| 23 |
+
- **Apprentissage par la structuration** - Organisation claire des informations
|
| 24 |
+
- **Apprentissage par la mémorisation** - Design soigné et interactions fluides
|
| 25 |
+
- **Apprentissage par le jeu** - Quiz pour tester et renforcer les connaissances
|
| 26 |
+
|
| 27 |
+
## 🚀 Fonctionnalités
|
| 28 |
+
|
| 29 |
+
- **Modèles LLM supportés** :
|
| 30 |
+
- Gemini 2.5 Flash (Google AI) - *API gratuite incluse*
|
| 31 |
+
- ChatGPT 5 (OpenAI)
|
| 32 |
+
- Claude Sonnet 4 (Anthropic)
|
| 33 |
+
- Gemini 2.5 Pro (Google AI)
|
| 34 |
+
|
| 35 |
+
- **Sources de documents supportées** :
|
| 36 |
+
- Texte copié/collé
|
| 37 |
+
- Liens Web
|
| 38 |
+
- Fichiers PDF, Word, Excel, PowerPoint, TXT
|
| 39 |
+
|
| 40 |
+
- **Fonctionnalités du HTML généré** :
|
| 41 |
+
- Design inspiré d'Apple
|
| 42 |
+
- Navigation interactive
|
| 43 |
+
- Quiz d'évaluation
|
| 44 |
+
- Barre de progression de lecture
|
| 45 |
+
- Responsive design
|
| 46 |
+
- Fact-checking intégré
|
| 47 |
+
|
| 48 |
+
## 🛠️ Installation
|
| 49 |
+
|
| 50 |
+
1. Clonez ce repository
|
| 51 |
+
2. Installez les dépendances : `pip install -r requirements.txt`
|
| 52 |
+
3. Configurez les variables d'environnement (optionnel pour Gemini)
|
| 53 |
+
4. Lancez l'application : `python app.py`
|
| 54 |
+
|
| 55 |
+
## 🔑 Configuration des API
|
| 56 |
+
|
| 57 |
+
- **Gemini 2.5 Flash** : API gratuite incluse (jusqu'à épuisement)
|
| 58 |
+
- **Autres modèles** : Clé API requise
|
| 59 |
+
|
| 60 |
+
## 📱 Utilisation
|
| 61 |
+
|
| 62 |
+
1. Sélectionnez votre modèle LLM préféré
|
| 63 |
+
2. Ajoutez votre clé API si nécessaire
|
| 64 |
+
3. Fournissez votre document (texte, URL ou fichier)
|
| 65 |
+
4. Cliquez sur "Générer le HTML"
|
| 66 |
+
5. Téléchargez et visualisez votre contenu éducatif
|
| 67 |
+
|
| 68 |
+
## 🎨 Design
|
| 69 |
+
|
| 70 |
+
Le design s'inspire du site web d'Apple avec :
|
| 71 |
+
- Palette de couleurs sophistiquée (blanc, noir, nuances de gris)
|
| 72 |
+
- Typographie élégante
|
| 73 |
+
- Espacement généreux
|
| 74 |
+
- Coins arrondis et ombres subtiles
|
| 75 |
+
- Animations fluides
|
| 76 |
+
|
| 77 |
+
## 📄 Structure du HTML généré
|
| 78 |
+
|
| 79 |
+
- En-tête avec métadonnées
|
| 80 |
+
- Introduction contextuelle
|
| 81 |
+
- Contenu interactif principal
|
| 82 |
+
- Quiz d'évaluation
|
| 83 |
+
- Synthèse et points clés
|
| 84 |
+
- Fact-checking
|
| 85 |
+
- Section "Aller plus loin"
|
| 86 |
+
- Bas de page avec crédits
|
| 87 |
+
|
| 88 |
+
## 🌐 Déploiement sur Hugging Face Spaces
|
| 89 |
+
|
| 90 |
+
Cette application est prête pour le déploiement sur Hugging Face Spaces avec la configuration Gradio intégrée.
|
| 91 |
+
|
| 92 |
+
## 👨💻 Développé par
|
| 93 |
+
|
| 94 |
+
Prompt développé par [Pierre GUILLOU](https://www.linkedin.com/in/pierreguillou)
|