GenAI Hackathon

Parrot: Gewinner des 1. Platzes beim GenAI Hackathon

Parrot ist eine Chrome-Erweiterung, die im Rahmen des Gewinnerprojekts für das GenAI Venture Bootcamp an der IE University entwickelt wurde. Die Erweiterung zielt darauf ab, eine nahtlose Lösung für das Erlernen von Sprachen bereitzustellen, indem sie die Webansicht des Benutzers scannt, optimale Wörter zum Lernen auf Spanisch auswählt und sie dem Benutzer in einem Quizformat präsentiert. Diese Funktionalität hilft Benutzern, beim Surfen im Internet mühelos neue Wörter auf Spanisch zu lernen.

Schulartikel über das Projekt

Pitchdeck

Überblick

Parrot wurde entwickelt, um das Sprachlernerlebnis zu verbessern, indem es in die täglichen Surfaktivitäten des Benutzers integriert wird. Durch den Einsatz von KI und Echtzeit-Textanalyse identifiziert Parrot geeignete Wörter aus den angezeigten Inhalten und befragt den Benutzer zu ihren Übersetzungen ins Spanische. Dieser innovative Ansatz hilft Benutzern, neues Vokabular kontextbezogen und ansprechend zu lernen.

Merkmale

• Textanalyse in Echtzeit: Scannt den Inhalt der Webseite, um sichtbaren Text zu extrahieren und wählt Wörter zum Lernen aus.
• Interaktive Tests: Präsentiert Tests mit Multiple-Choice-Optionen, um Benutzern das Erlernen der Übersetzungen zu erleichtern.
• Anpassbare Einstellungen: Ermöglicht Benutzern das Aktivieren oder Deaktivieren der Erweiterung und das Konfigurieren verschiedener Einstellungen.

Technologie-Stack

• Chrome-Erweiterung: Entwickelt mit HTML, CSS und JavaScript.
• Backend-Server: Flask-Framework in Python.
• KI-Integration: Nutzt GPT-4 von OpenAI für die Textverarbeitung und Quizerstellung.

Systemdesign

Die Systemarchitektur besteht aus folgenden Komponenten:

1. Inhaltsskript (content.js): Scannt den Webseiteninhalt und sendet den Text an den Backend-Server.
2. Backend-Server (server/app.py): Verarbeitet den Text mithilfe von KI, um ein Wort auszuwählen und Quizoptionen zu generieren.
3. Popup-Schnittstelle (popup.html, popup.js): Stellt die Benutzeroberfläche zum Aktivieren/Deaktivieren der Erweiterung und zum Konfigurieren von Einstellungen bereit.
4. Hintergrundskript (background.js): Verwaltet den Status der Erweiterung.

Einrichtung und Installation

Voraussetzungen

• Google Chrome
• Node.js und npm
• Python 3.8 oder höher
• Flasche

Installationsschritte

1. Klonen Sie das Repository:

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

2. Abhängigkeiten installieren:

   pip install -r requirements.txt

3. API-Schlüssel konfigurieren:

   • Erhalten Sie API-Schlüssel von OpenAI.
   • Erstellen Sie ein secrets Verzeichnis im Stammverzeichnis des Projekts.
   • Fügen Sie api_key.txt und api_org.txt mit Ihrem OpenAI-API-Schlüssel bzw. Ihrer Organisation hinzu.

4. Führen Sie den Backend-Server aus:

    cd server
   python app.py

5. Laden Sie die Erweiterung in Chrome:

   • Öffnen Sie Chrome und navigieren Sie zu chrome://extensions/ .
   • Aktivieren Sie den Entwicklermodus.
   • Klicken Sie auf „Entpackt laden“ und wählen Sie das extension aus dem geklonten Repository aus.

Verwendung

1. Aktivieren Sie die Erweiterung:

   • Öffnen Sie das Erweiterungs-Popup und aktivieren Sie es mit dem Kippschalter.

2. Beginnen Sie mit dem Stöbern:

   • Die Erweiterung scannt automatisch die von Ihnen besuchten Webseiten und wählt Wörter zum Lernen aus.

3. Nehmen Sie an Quizfragen teil:

   • In regelmäßigen Abständen werden Quizze mit Wörtern angezeigt, die aus dem Inhalt der Webseite ausgewählt werden. Beantworten Sie die Tests, um Ihr Lernen zu vertiefen.