Papagaio: GenAI Hackathon vencedor do 1º lugar
Parrot é uma extensão do Chrome desenvolvida como parte do projeto vencedor do bootcamp de empreendimento GenAI na IE University. A extensão tem como objetivo fornecer uma solução perfeita para o aprendizado de idiomas, examinando a visualização da web do usuário, selecionando as palavras ideais para aprender espanhol e apresentando-as ao usuário em formato de questionário. Esta funcionalidade ajuda os usuários a aprender novas palavras em espanhol sem esforço enquanto navegam na web.
Artigo escolar sobre o projeto
Apresentação do argumento de venda
Visão geral
O Parrot foi projetado para aprimorar a experiência de aprendizagem de idiomas, integrando-o às atividades diárias de navegação na web do usuário. Ao aproveitar a IA e a análise de texto em tempo real, o Parrot identifica palavras adequadas no conteúdo visualizado e questiona o usuário sobre suas traduções para o espanhol. Esta abordagem inovadora ajuda os usuários a aprender novo vocabulário de forma contextual e envolvente.
Características
- Análise de texto em tempo real: verifica o conteúdo da página da web para extrair texto visível e seleciona palavras para aprendizagem.
- Questionários interativos: apresenta questionários com opções de múltipla escolha para ajudar os usuários a aprender as traduções.
- Configurações personalizáveis: permite que os usuários habilitem ou desabilitem a extensão e definam várias configurações.
Pilha de tecnologia
- Extensão do Chrome: desenvolvida usando HTML, CSS e JavaScript.
- Servidor Backend: estrutura Flask em Python.
- Integração de IA: utiliza GPT-4 da OpenAI para processamento de texto e geração de questionários.
Projeto do sistema
A arquitetura do sistema consiste nos seguintes componentes:
- Script de conteúdo (content.js): verifica o conteúdo da página da web e envia o texto para o servidor back-end.
- Servidor Backend (server/app.py): Processa o texto usando IA para selecionar uma palavra e gerar opções de questionário.
- Interface pop-up (popup.html, popup.js): fornece a interface do usuário para ativar/desativar a extensão e definir as configurações.
- Script em segundo plano (background.js): gerencia o estado da extensão.
Configuração e instalação
Pré-requisitos
- Google Chrome
- Node.js e npm
- Python 3.8 ou superior
- Frasco
Etapas de instalação
Clone o repositório:
git clone https://github.com/gabrieldeolaguibel/GenAI-Hackathon.git
cd GenAI-Hackathon
Instalar dependências:
pip install -r requirements.txt
Configurar chaves de API:
- Obtenha chaves de API do OpenAI.
- Crie o diretório
secrets
na raiz do projeto. - Adicione
api_key.txt
e api_org.txt
com sua chave de API OpenAI e organização, respectivamente.
Execute o servidor back-end:
Carregue a extensão no Chrome:
- Abra o Chrome e navegue até
chrome://extensions/
. - Ative o modo de desenvolvedor.
- Clique em “Carregar descompactado” e selecione o diretório
extension
do repositório clonado.
Uso
Habilite a extensão:
- Abra o pop-up da extensão e ative-o usando o botão de alternância.
Comece a navegar:
- A extensão verificará automaticamente as páginas da web que você visita e selecionará palavras para aprender.
Faça testes:
- Os questionários aparecerão periodicamente com palavras selecionadas no conteúdo da página da web. Responda aos questionários para reforçar seu aprendizado.