A modern, feature-rich language translation web application built using HTML, CSS, and JavaScript, powered by Microsoft Azure Translator API.
This project mimics core functionality of tools like Google Translate, with a clean animated UI and useful real-world features.
- 🌍 Auto Language Detection
- 🔤 Translate into Multiple Languages
- 🔁 Swap Input & Output Text
- 📋 Copy Text (Input & Output)
- 🧹 Clear Text Fields
- 🔊 Text-to-Speech (Speech Output)
- ⚡ Fast API-based Translation
- 🎨 Modern Animated UI (Glassmorphism + Gradient)
- Frontend: HTML, CSS, JavaScript
- API: Microsoft Azure Translator API
- Browser APIs: Speech Synthesis (Text-to-Speech)
📦 Pro-Translator
┣ 📄 index.html
┣ 📄 style.css
┣ 📄 script.js
┗ 📄 README.md
-
Go to Microsoft Azure Portal
-
Create a Translator Resource
-
Copy:
- API Key
- Region (e.g.,
eastus,centralindia)
- Download or clone the repository:
git clone https://github.com/your-username/pro-translator.git
- Open
index.htmlin your browser
- Enter your Azure API Key
- Enter Region
- Type text to translate
- Select target language
- Click Translate 🚀
This project uses the Azure API key directly in the frontend.
👉 This is not secure for production use
For real-world deployment:
- Use a backend (Node.js / Python)
- Store API keys securely on the server
- 🎤 Speech-to-Text (Voice Input)
- 📱 Fully Responsive Design
- 🌍 Full Language List (100+)
- 🧠 Translation History (Local Storage)
- 🔐 Backend Integration for Security
- ⚛️ React Version
(Add screenshots here for better GitHub presentation)
Feel free to fork this repository and improve it. Pull requests are welcome!
This project is open-source and available under the MIT License.
Developed by [Your Name]
⭐ If you like this project, give it a star on GitHub!