Start extension

Install dependencies:

\> npm install

Run the development server:

\> npm run watch

Load the extension in Chrome:

• Open Chrome and go to chrome://extensions
• Enable Developer Mode
• Click on Load Unpacked
• Select the extension folder (./dist)

Start API

(Recomended to use a virtual environment, see Venv for more information about)

Install dependencies:

\> cd api
\api> pip install -r requirements.txt

Run the development server:

\api> python app.py

---

Technologies Used

Frontend

• React JS - A JavaScript library for building user interfaces.
• Webpack - A static module bundler for modern JavaScript applications.

Backend

• Langchain - A framework for developing applications powered by language models.
• OpenAI - GPT-3 API for generating text. Embedding API for generating vectors.
• Pinecone - A vector database for machine learning.
• BeautifulSoup - A Python library for pulling data out of HTML and XML files.
• Flask - A micro web framework written in Python.

---

Features Implemented

Extension

• Get history from chrome
• Send page info to the API to get keywords and save them in pinecone
• Search for keywords in API
• Display results in extension
• Handle cache in extension
• Loading animation UI

API

• Endpoints (add, search, delete)
• Get relevant text from page (BeautifulSoup)
• GPT assistant for generating keywords
• Embedding API for generating vectors
• Add keywords to pinecone database
• Get search results from pinecone database
• Clear database from pinecone

---

Screenshots