TranslatorBuddy is a premium, AI-powered language translation web application designed with a sleek glassmorphism aesthetic. It provides seamless cross-language communication with a focus on user experience and accessibility.
- Instant Translation: Powered by the MyMemory API for accurate results across multiple major languages.
- Glassmorphism UI: A modern, translucent interface with dynamic animated background blobs.
- Text-to-Speech (TTS): Listen to both source and translated text using the built-in Web Speech API.
- Swap Languages: Quickly switch between source and target languages with a single click.
- Smart Clipboard: One-click copy functionality with toasted notifications for confirmation.
- Character Tracking: Real-time character counter with a 5000-character limit indicator.
- Responsive Design: Fully optimized for desktops and mobile devices.
- Keyboard Shortcuts: Use
Ctrl/Cmd + Enterto trigger translations instantly.
- Frontend: HTML5, CSS3 (Vanilla with CSS Variables)
- Logic: Vanilla JavaScript (ES6+)
- Translation Engine: MyMemory API
- Typography: Google Fonts (Outfit & Plus Jakarta Sans)
- Icons: Phosphor Icons
- Voice: Web Speech API
- Clone the repository:
git clone https://github.com/annanyabagga01/CodeAlpha_TranslatorBuddy.git
- Navigate to the project folder:
cd CodeAlpha_TranslatorBuddy - Open the application:
- Simply double-click
index.htmlto open it in your browser. - Alternatively, use a "Live Server" extension in VS Code for the best experience.
- Simply double-click
- Select Languages: Choose the source and target languages from the dropdown menus.
- Input Text: Type or paste the text you want to translate into the left text area.
- Translate: Click the "Translate Now" button or press
Ctrl + Enter. - Interact:
- Click the 📢 icon to hear the text read aloud.
- Click the 📋 icon to copy the text to your clipboard.
- Use the ⇄ button to swap languages.
This project is part of the CodeAlpha Internship program. Distributed under the MIT License.
- CodeAlpha for the project opportunity.
- MyMemory for providing the free translation API.
- Phosphor for the beautiful icon library.
Created by Annanya Bagga