Translator - Chrome Extension

Overview

Translate selected text using LibreTranslate, a self-hosted translation service.

Prerequisites

1. LibreTranslate: Up & Running. Follow setup steps from LibreTranslate Github repository.

Extension Setup

1. Clone this repository

git clone [email protected]:JBudny/translator.git

2. Install dependencies

yarn

3. Build extension

yarn build

4. Navigate to chrome://extensions/
5. Enable "Developer mode" using the toggle switch in the top right corner.
6. Click the "Load unpacked" button in the top left corner.
7. Select the .output/chrome-mv3 directory inside the translator directory.

Extension configuration

API URL	API Key	Languages

Technology Stack

• CSS in JS: styled-components
• Error handling: react-error-boundary
• Form library: React Hook Form
• Frontend framework: React
• Icons: Font Awesome
• JSON normalization: Normalizr
• Routing: React Router
• Schema validation: Yup
• Shadow DOM: React Shadow
• Static typing: TypeScript
• Web extension framework: WXT

This project is licensed under the Apache License, Version 2.0 - see the LICENSE file for details.