pierreguillou's picture
Update README.md
5f7e615 verified

A newer version of the Gradio SDK is available: 5.45.0

Upgrade
metadata
title: Eduhtml Creator Apple Style
emoji: 👀
colorFrom: blue
colorTo: yellow
sdk: gradio
sdk_version: 5.42.0
app_file: app.py
pinned: false
short_description: 🎓 EduHTML Creator - Générateur de contenu éducatif HTML

🎓 EduHTML Creator

Transformez n'importe quel document en contenu éducatif HTML interactif avec un design inspiré d'Apple.

🎯 Objectif éducatif

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 à :

  • Apprentissage par le visuel - Design moderne et épuré
  • Apprentissage par l'interaction - Expérience engageante avec quiz interactifs
  • Apprentissage par la structuration - Organisation claire des informations
  • Apprentissage par la mémorisation - Design soigné et interactions fluides
  • Apprentissage par le jeu - Quiz pour tester et renforcer les connaissances

🚀 Fonctionnalités

  • Modèles LLM supportés :

    • Gemini 2.5 Flash (Google AI) - API gratuite incluse
    • ChatGPT 5 (OpenAI)
    • Claude Sonnet 4 (Anthropic)
    • Gemini 2.5 Pro (Google AI)
  • Sources de documents supportées :

    • Texte copié/collé
    • Liens Web
    • Fichiers PDF, Word, Excel, PowerPoint, TXT
  • Fonctionnalités du HTML généré :

    • Design inspiré d'Apple
    • Navigation interactive
    • Quiz d'évaluation
    • Barre de progression de lecture
    • Responsive design
    • Fact-checking intégré

🛠️ Installation

  1. Clonez ce repository
  2. Installez les dépendances : pip install -r requirements.txt
  3. Configurez les variables d'environnement (optionnel pour Gemini)
  4. Lancez l'application : python app.py

🔑 Configuration des API

  • Gemini 2.5 Flash : API gratuite incluse (jusqu'à épuisement)
  • Autres modèles : Clé API requise

📱 Utilisation

  1. Sélectionnez votre modèle LLM préféré
  2. Ajoutez votre clé API si nécessaire
  3. Fournissez votre document (texte, URL ou fichier)
  4. Cliquez sur "Générer le HTML"
  5. Téléchargez et visualisez votre contenu éducatif

🎨 Design

Le design s'inspire du site web d'Apple avec :

  • Palette de couleurs sophistiquée (blanc, noir, nuances de gris)
  • Typographie élégante
  • Espacement généreux
  • Coins arrondis et ombres subtiles
  • Animations fluides

📄 Structure du HTML généré

  • En-tête avec métadonnées
  • Introduction contextuelle
  • Contenu interactif principal
  • Quiz d'évaluation
  • Synthèse et points clés
  • Fact-checking
  • Section "Aller plus loin"
  • Bas de page avec crédits

🌐 Déploiement sur Hugging Face Spaces

Cette application est prête pour le déploiement sur Hugging Face Spaces avec la configuration Gradio intégrée.

👨‍💻 Développé par

Prompt développé par Pierre GUILLOU