GenAI Hackathon

Parrot: GenAI ハッカソン 優勝

Parrot は、IE 大学の GenAI ベンチャー ブートキャンプの優勝プロジェクトの一部として開発された Chrome 拡張機能です。この拡張機能は、ユーザーの Web ビューをスキャンし、スペイン語の学習に最適な単語を選択し、クイズ形式でユーザーに提示することで、言語学習のためのシームレスなソリューションを提供することを目的としています。この機能は、ユーザーが Web を閲覧しながらスペイン語の新しい単語を簡単に学習できるようにします。

プロジェクトに関する学校の記事

ピッチデッキ

概要

Parrot は、ユーザーの毎日の Web ブラウジング活動に言語学習体験を統合することで、言語学習体験を強化するように設計されています。 AI とリアルタイムのテキスト分析を活用することで、Parrot は表示されているコンテンツから適切な単語を特定し、ユーザーにスペイン語への翻訳についてクイズを出します。この革新的なアプローチにより、ユーザーは状況に応じて魅力的に新しい語彙を学習できるようになります。

特徴

• リアルタイム テキスト分析: Web ページのコンテンツをスキャンして目に見えるテキストを抽出し、学習用の単語を選択します。
• インタラクティブなクイズ:ユーザーが翻訳を学ぶのに役立つ、複数の選択肢があるクイズを提示します。
• カスタマイズ可能な設定:ユーザーが拡張機能を有効または無効にし、さまざまな設定を構成できるようにします。

テクノロジースタック

• Chrome 拡張機能: HTML、CSS、JavaScript を使用して開発されました。
• バックエンドサーバー: Python の Flask フレームワーク。
• AI 統合:テキスト処理とクイズ生成に OpenAI の GPT-4 を利用します。

システム設計

システム アーキテクチャは次のコンポーネントで構成されます。

1. コンテンツ スクリプト (content.js): Web ページのコンテンツをスキャンし、テキストをバックエンド サーバーに送信します。
2. バックエンド サーバー (server/app.py): AI を使用してテキストを処理し、単語を選択し、クイズの選択肢を生成します。
3. ポップアップ インターフェイス (popup.html、popup.js):拡張機能の有効化/無効化と設定の構成のためのユーザー インターフェイスを提供します。
4. バックグラウンド スクリプト (background.js):拡張機能の状態を管理します。

セットアップとインストール

前提条件

• Google Chrome
• Node.js と npm
• Python 3.8以降
• フラスコ

インストール手順

1. リポジトリのクローンを作成します。

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

2. 依存関係をインストールします。

   pip install -r requirements.txt

3. API キーを構成します。

   • OpenAI から API キーを取得します。
   • プロジェクトのルートにsecretsディレクトリを作成します。
   • api_key.txtとapi_org.txtに OpenAI API キーと組織をそれぞれ追加します。

4. バックエンドサーバーを実行します。

    cd server
   python app.py

5. Chrome に拡張機能をロードします。

   • Chrome を開き、 chrome://extensions/に移動します。
   • 開発者モードを有効にします。
   • 「Load unpacked」をクリックし、複製されたリポジトリからextensionディレクトリを選択します。

使用法

1. 拡張機能を有効にします。

   • 拡張機能ポップアップを開き、トグル スイッチを使用して有効にします。

2. 閲覧を開始します:

   • この拡張機能は、アクセスした Web ページを自動的にスキャンし、学習する単語を選択します。

3. クイズに答えてください:

   • Web ページのコンテンツから選択した単語を使用したクイズが定期的に表示されます。クイズに答えて学習を強化しましょう。