This is a simple React-based translator application that uses the DeepL API for translating text between various languages.
- Translate text from one language to another
- Supports multiple languages (English, Ukrainian, Spanish, French, German, etc.)
- Automatic language detection option available
- Copy Translation: Easily copy the translated text to your clipboard
- Language Detection: Automatically detects the language of the input text when using the "Detect language" option
- React: Frontend framework for building the user interface.
- DeepL API: External service for text translation.
- Tailwind CSS: Utility-first CSS framework for styling the application.
To run this project locally, you need:
- Node.js (>= 12.x)
- NPM or Yarn
- A valid DeepL API key (you can get it by signing up at DeepL API)
-
Clone the repository:
git clone https://github.com/your-username/translator-app.git cd translator-app
-
Install dependencies:
npm install
or
yarn install
-
Run the application:
npm start
or
yarn start
-
Open the app in your browser at
http://localhost:3000
.
The app uses the DeepL API for translation. For more details on the API, you can check out the DeepL API documentation.
If you want to deploy the app, make sure to update the .env
file with your production API key.