GenAI Hackathon

Parrot: ganador del primer lugar en GenAI Hackathon

Parrot es una extensión de Chrome desarrollada como parte del proyecto ganador del bootcamp GenAI venture en IE University. La extensión tiene como objetivo proporcionar una solución perfecta para el aprendizaje de idiomas al escanear la vista web del usuario, seleccionar las palabras óptimas para aprender en español y presentarlas al usuario en un formato de prueba. Esta funcionalidad ayuda a los usuarios a aprender nuevas palabras en español sin esfuerzo mientras navegan por la web.

Artículo escolar sobre el proyecto.

Plataforma de presentación

Descripción general

Parrot está diseñado para mejorar la experiencia de aprendizaje de idiomas integrándola en las actividades diarias de navegación web del usuario. Al aprovechar la inteligencia artificial y el análisis de texto en tiempo real, Parrot identifica palabras adecuadas del contenido que se está viendo y pregunta al usuario sobre sus traducciones al español. Este enfoque innovador ayuda a los usuarios a aprender vocabulario nuevo de forma contextual y atractiva.

Características

• Análisis de texto en tiempo real: escanea el contenido de la página web para extraer texto visible y selecciona palabras para aprender.
• Cuestionarios interactivos: presenta cuestionarios con opciones de opción múltiple para ayudar a los usuarios a aprender las traducciones.
• Configuraciones personalizables: permite a los usuarios habilitar o deshabilitar la extensión y configurar varias configuraciones.

Pila de tecnología

• Extensión de Chrome: desarrollada con HTML, CSS y JavaScript.
• Servidor backend: framework Flask en Python.
• Integración de IA: utiliza GPT-4 de OpenAI para el procesamiento de texto y la generación de cuestionarios.

Diseño del sistema

La arquitectura del sistema consta de los siguientes componentes:

1. Content Script (content.js): escanea el contenido de la página web y envía el texto al servidor backend.
2. Servidor backend (servidor/app.py): procesa el texto usando IA para seleccionar una palabra y generar opciones de prueba.
3. Interfaz emergente (popup.html, popup.js): proporciona la interfaz de usuario para habilitar/deshabilitar la extensión y configurar los ajustes.
4. Script de fondo (background.js): gestiona el estado de la extensión.

Configuración e instalación

Requisitos previos

• Google Chrome
• Node.js y npm
• Python 3.8 o superior
• Matraz

Pasos de instalación

1. Clonar el repositorio:

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

2. Instalar dependencias:

   pip install -r requirements.txt

3. Configurar claves API:

   • Obtenga claves API de OpenAI.
   • Cree un directorio secrets en la raíz del proyecto.
   • Agregue api_key.txt y api_org.txt con su clave API de OpenAI y su organización respectivamente.

4. Ejecute el servidor backend:

    cd server
   python app.py

5. Cargue la extensión en Chrome:

   • Abra Chrome y navegue hasta chrome://extensions/ .
   • Habilite el modo de desarrollador.
   • Haga clic en "Cargar descomprimido" y seleccione el directorio extension del repositorio clonado.

Uso

1. Habilite la extensión:

   • Abra la ventana emergente de extensión y habilítela usando el interruptor de palanca.

2. Comience a navegar:

   • La extensión escaneará automáticamente las páginas web que visite y seleccionará palabras para aprender.

3. Realice cuestionarios:

   • Periódicamente aparecerán cuestionarios con palabras seleccionadas del contenido de la página web. Responde los cuestionarios para reforzar tu aprendizaje.