🌍 Azure Translator Web App

A modern, responsive web application that uses the Microsoft Azure Translator API to translate text into multiple languages. Users can dynamically enter their API key and region, making this app flexible and easy to test.

---

🚀 Features

• 🌐 Translate text into multiple languages
• 🔑 User-provided Azure API Key & Region
• ⚡ Fast API-based translation
• 🎨 Modern UI with glassmorphism and dynamic background
• 📱 Responsive design

---

🛠️ Tech Stack

• Frontend: HTML, CSS, JavaScript
• API: Microsoft Azure Translator
• Version Control: Git

---

📂 Project Structure

📁 azure-translator-app
│── index.html
│── style.css
│── script.js
│── README.md

---

⚙️ How It Works

1. User enters:

   • Azure API Key
   • Azure Region
   • Text to translate

2. The app sends a request to Azure Translator API

3. The translated text is displayed instantly

---

🔑 Getting Azure Credentials

1. Go to Microsoft Azure

2. Create a Translator resource

3. Copy:

   • API Key
   • Region

---

▶️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/your-username/azure-translator-app.git

2. Open the project folder

3. Run:

   open index.html

   (or simply double-click the file)

---

⚠️ Important Note

This project uses frontend API calls, which means:

• Your API key is visible in the browser
• Not recommended for production use

👉 For production:

• Use a backend (Node.js / Java Spring Boot)
• Store API keys securely

---

🚀 Future Enhancements

• 🎤 Voice input support
• 🌍 Auto language detection
• 💾 Save translation history
• 🌙 Dark/Light mode toggle
• 🔒 Backend integration for security

---

🤝 Contributing

Contributions are welcome! Feel free to fork this repo and submit a pull request.

---

📄 License

This project is open-source and available under the MIT License.

---

💡 Author

Developed by Vishal Aspiring to build scalable and impactful tech solutions 🚀

---