GenAI Hackathon

Parrot：GenAI 黑客馬拉松第一名得主

Parrot 是一款 Chrome 擴充程序，作為 IE 大學 GenAI 風險訓練營獲獎計畫的一部分而開發。該擴展旨在透過掃描用戶的網路視圖、選擇西班牙語學習的最佳單字並以測驗的形式向用戶呈現，為語言學習提供無縫解決方案。此功能可協助使用者在瀏覽網頁時輕鬆學習西班牙文新單字。

學校關於該專案的文章

宣傳資料

概述

Parrot 旨在透過將語言學習整合到使用者的日常網頁瀏覽活動中來增強語言學習體驗。透過利用人工智慧和即時文字分析，Parrot 從正在查看的內容中識別出合適的單詞，並測試使用者的西班牙語翻譯。這種創新方法可以幫助使用者根據上下文、有趣地學習新詞彙。

特徵

• 即時文字分析：掃描網頁內容，提取可見文字並選擇單字進行學習。
• 互動測驗：提供具有多種選擇選項的測驗，以幫助使用者學習翻譯。
• 可自訂設定：允許使用者啟用或停用擴充功能並配置各種設定。

技術堆疊

• Chrome 擴充功能：使用 HTML、CSS 和 JavaScript 開發。
• 後端伺服器： Python 中的 Flask 框架。
• AI 整合：利用 OpenAI 的 GPT-4 進行文字處理和測驗產生。

系統設計

系統架構由以下組件組成：

1. 內容腳本（content.js）：掃描網頁內容並將文字傳送到後端伺服器。
2. 後端伺服器 (server/app.py)：使用 AI 處理文字以選擇單字並產生測驗選項。
3. 彈出介面（popup.html、popup.js）：提供用於啟用/停用擴充功能和配置設定的使用者介面。
4. 後台腳本 (background.js)：管理擴充的狀態。

設定和安裝

先決條件

• 谷歌瀏覽器
• 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目錄。
   • 分別使用您的 OpenAI API 金鑰和組織新增api_key.txt和api_org.txt 。

4. 運行後端伺服器：

    cd server
   python app.py

5. 在 Chrome 中載入擴充功能：

   • 開啟 Chrome 並導覽至chrome://extensions/ 。
   • 啟用開發者模式。
   • 點擊“載入解壓縮”並從克隆儲存庫中選擇extension目錄。

用法

1. 啟用擴充：

   • 打開擴展彈出視窗並使用切換開關啟用它。

2. 開始瀏覽：

   • 該擴充功能將自動掃描您造訪的​​網頁並選擇單字進行學習。

3. 參加測驗：

   • 測驗將定期彈出，其中包含從網頁內容中選擇的單字。回答測驗以鞏固您的學習。