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)
|