Skip to content

annanyabagga01/CodeAlpha_TranslatorBuddy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 TranslatorBuddy

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.

Banner Tech Design

✨ Features

  • 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 + Enter to trigger translations instantly.

🚀 Technologies Used

  • 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

🛠️ How to Run

  1. Clone the repository:
    git clone https://github.com/annanyabagga01/CodeAlpha_TranslatorBuddy.git
  2. Navigate to the project folder:
    cd CodeAlpha_TranslatorBuddy
  3. Open the application:
    • Simply double-click index.html to open it in your browser.
    • Alternatively, use a "Live Server" extension in VS Code for the best experience.

📖 Usage Guide

  1. Select Languages: Choose the source and target languages from the dropdown menus.
  2. Input Text: Type or paste the text you want to translate into the left text area.
  3. Translate: Click the "Translate Now" button or press Ctrl + Enter.
  4. 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.

🛡️ License

This project is part of the CodeAlpha Internship program. Distributed under the MIT License.

🙌 Acknowledgments

  • CodeAlpha for the project opportunity.
  • MyMemory for providing the free translation API.
  • Phosphor for the beautiful icon library.

Created by Annanya Bagga

About

TranslatorBuddy is a modern web-based language translation app built with HTML, CSS, and JavaScript. It supports real-time multilingual translation using the MyMemory API, includes language swapping, text-to-speech, copy-to-clipboard, and a responsive glassmorphism UI, making it suitable for learning and portfolio use.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors