Skip to content

cagarcia2011/chatGPT-chrome-extension

Repository files navigation

ChatGPT Chrome Extension

A chrome extension chat bot using OpenAI API.

Built With

React Tailwindcss TypeScript Vite

Getting Started

Prerequisites

  • npm
    npm install npm@latest -g

Installation

  1. Create an account at OpenAI API
  2. Get an API Key at OpenAI API-Keys
  3. Get yout Organization ID at OpenAI Org-Settings
  4. Clone the repo
    git clone https://github.com/cagarcia2011/chatGPT-chrome-extension.git
  5. Install NPM packages
    npm install
  6. Create a .env file on the root directory and add the following
     VITE_OPENAI_SECRET=<Your OpenAI API-KEY>
     VITE_OPENAI_ORG=<Your OpenAI Organization ID>
    
     VITE_MODE=<production or development>
    
    • Make sure to replace placeholders "<...>" with the actual values
    • At "development" mode you can test storage functionality using localstorage.
    • At "production" mode it will use chrome.storage.
  7. Build for production
     npm run build
  8. Run development mode
     npm run dev
    
  9. Load to chrome locally at chrome://extensions/
    • Enable "Developer Mode"
    • Click on "Load unpacked"
    • Select the "dist" directory of the build
    • Visit Chrome Developers Documentation for more information on creating chrome extensions.

About

ChatGPT Chrome Extension by Carlos Garcia

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published