A simple client-side translation app built with Vue 3 and Tailwind CSS. It uses the DeepL API for translations. Direct calls to DeepL from the browser are blocked by CORS, so a small Node.js proxy server is included. The source language is set to Auto‑Detect by default so you can paste any text without choosing a language first.
-
Create a
.envfile (or export variables in your shell) to provide your DeepL API configuration:echo "API_KEY=your_key" > .env echo "API_URL=https://api-free.deepl.com/v2" >> .env
-
Install dependencies and start the server:
npm install npm start
The server listens on port
3000by default and forwards requests to DeepL. -
Open
http://localhost:3000in your browser.
The .env file is ignored by git so that your API key stays out of version control. Keep the file private if you include sensitive credentials.
