https://github.com/ricardoliveira5ro/translate-extension

Browser extension that allows users to translate selected text on any webpage
https://github.com/ricardoliveira5ro/translate-extension

browser-extension javascript localstorage

Last synced: about 1 month ago
JSON representation

Browser extension that allows users to translate selected text on any webpage

• Host: GitHub
• URL: https://github.com/ricardoliveira5ro/translate-extension
• Owner: ricardoliveira5ro
• Created: 2024-05-27T12:42:18.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-04T09:08:02.000Z (6 months ago)
• Last Synced: 2024-10-02T17:21:14.287Z (about 2 months ago)
• Topics: browser-extension, javascript, localstorage
• Language: JavaScript
• Homepage:
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
# Translate Extension

Browser extension that allows users to translate selected text on any webpage. When a user selects text, a Translate button appears next to the selection, allowing for quick and easy translation into the user's preferred language.

### ✨ Features

* Translate selected text on any webpage

* Supports multiple target languages

* Stores the user's preferred target language for convenience.

* Easy access through a right-click context menu or shortcut button near the selection

### 🛠️ Tech

* Javascript

* HTML

* CSS

* Dedicated backend server to handle translations [Translate Server](https://github.com/ricardoliveira5ro/Translate-Server)

* localStorage

### 🚀 Usage

1. Download and Install the extension from [Chrome Web Store](https://chromewebstore.google.com/detail/quick-translator/lhggbpikmolpmhkepachhjnkkbmfoidj)

2. Select any text on a webpage.

3. Click the "Translate" button that appears next to the selected text or use right-click operation.

4. The translated text will be displayed in a popup box above the selection.

### 🧑‍💻 Developer

1. Clone this repository

2. Make any changes you want

3. Open your favorite browser and navigate to `chrome://extensions/`

4. Enable developer mode

5. "Load unpacked" and select the root directory of the cloned extension.

6. Every time you make a change just "refresh" the extension in chrome://extensions/ and the page where you want to use the extension