GenAI Hackathon

Parrot : Gagnant de la 1ère place du GenAI Hackathon

Parrot est une extension Chrome développée dans le cadre du projet gagnant du bootcamp GenAI de l'IE University. L'extension vise à fournir une solution transparente pour l'apprentissage des langues en analysant la vue Web de l'utilisateur, en sélectionnant les mots optimaux pour l'apprentissage en espagnol et en les présentant à l'utilisateur sous forme de quiz. Cette fonctionnalité aide les utilisateurs à apprendre facilement de nouveaux mots en espagnol lorsqu’ils naviguent sur le Web.

Article scolaire sur le projet

Présentation du pitch

Aperçu

Parrot est conçu pour améliorer l'expérience d'apprentissage des langues en l'intégrant dans les activités quotidiennes de navigation Web de l'utilisateur. En tirant parti de l'IA et de l'analyse de texte en temps réel, Parrot identifie les mots appropriés dans le contenu consulté et interroge l'utilisateur sur leurs traductions en espagnol. Cette approche innovante aide les utilisateurs à apprendre un nouveau vocabulaire de manière contextuelle et engageante.

Caractéristiques

• Analyse de texte en temps réel : analyse le contenu de la page Web pour extraire le texte visible et sélectionne les mots à apprendre.
• Quiz interactifs : présente des quiz avec des options à choix multiples pour aider les utilisateurs à apprendre les traductions.
• Paramètres personnalisables : permet aux utilisateurs d'activer ou de désactiver l'extension et de configurer divers paramètres.

Pile technologique

• Extension Chrome : développée en utilisant HTML, CSS et JavaScript.
• Serveur Backend : framework Flask en Python.
• Intégration de l'IA : utilise le GPT-4 d'OpenAI pour le traitement de texte et la génération de quiz.

Conception du système

L'architecture du système se compose des composants suivants :

1. Content Script (content.js) : analyse le contenu de la page Web et envoie le texte au serveur backend.
2. Serveur backend (server/app.py) : traite le texte à l'aide de l'IA pour sélectionner un mot et générer des options de quiz.
3. Interface contextuelle (popup.html, popup.js) : fournit l'interface utilisateur pour activer/désactiver l'extension et configurer les paramètres.
4. Script d'arrière-plan (background.js) : gère l'état de l'extension.

Configuration et installation

Conditions préalables

• Google Chrome
• Node.js et npm
• Python 3.8 ou supérieur
• Ballon

Étapes d'installation

1. Clonez le référentiel :

   git clone https://github.com/gabrieldeolaguibel/GenAI-Hackathon.git
   cd GenAI-Hackathon

2. Installer les dépendances :

   pip install -r requirements.txt

3. Configurez les clés API :

   • Obtenez les clés API d'OpenAI.
   • Créez le répertoire secrets à la racine du projet.
   • Ajoutez api_key.txt et api_org.txt respectivement avec votre clé API OpenAI et votre organisation.

4. Exécutez le serveur backend :

    cd server
   python app.py

5. Chargez l'extension dans Chrome :

   • Ouvrez Chrome et accédez à chrome://extensions/ .
   • Activez le mode développeur.
   • Cliquez sur "Charger décompressé" et sélectionnez le répertoire extension dans le référentiel cloné.

Usage

1. Activez l'extension :

   • Ouvrez la fenêtre contextuelle de l'extension et activez-la à l'aide de l'interrupteur à bascule.

2. Commencez à naviguer :

   • L'extension analysera automatiquement les pages Web que vous visitez et sélectionnera les mots à apprendre.

3. Répondez à des quiz :

   • Des quiz apparaîtront périodiquement avec des mots sélectionnés dans le contenu de la page Web. Répondez aux quiz pour renforcer votre apprentissage.