Skip to content

Latest commit

 

History

History
49 lines (39 loc) · 2 KB

README.md

File metadata and controls

49 lines (39 loc) · 2 KB
Raw

ChatGPTranslate

ChatGPTranslate

Description

ChatGPTranslate is a Chrome extension that allows users to highlight text on any webpage, click an icon to translate the text using OpenAI, and get an explanation of the translated text. It provides a seamless way to understand and interpret foreign language content directly from your browser.

Screenshot 2024-06-15 at 6 56 51 PM

Features

  • Highlight text and click an icon to translate it.
  • Get an explanation of the translated text.
  • Hear the pronunciation of the text.
  • Optionally receive a word-by-word breakdown of the text.
  • Dynamically loads a popup with translation, explanation, and breakdown.
  • Settings page for entering and saving OpenAI API Key.
  • Toggle settings to always display explanations or show them via links.

Installation and Setup

Step 1: Clone the Repository

Clone this repository to your local machine using:

git clone https://github.com/johnlewissims/ChatGPTranslate.git

Step 2: Install Dependencies

Navigate to the project directory and install the necessary dependencies using:

cd ChatGPTranslate
npm install

Step 3: Build the Project

Build the project to generate the dist folder:

npm run build

Step 4: Load the Extension in Chrome

  • Open Chrome and go to chrome://extensions/.
  • Enable "Developer mode" by toggling the switch in the top right corner.
  • Click the "Load unpacked" button and select the directory where you cloned the repository.

Step 5: Set Your OpenAI API Key

  • Click on the extension icon in the Chrome toolbar.
  • If you haven't set an API key, you'll see an instruction message.
  • Click the link to go to the settings page.
  • Enter your OpenAI API Key and save it. You can obtain your API key from the OpenAI API Keys page.