Error in user YAML: (<unknown>): did not find expected whitespace or line break while scanning a tag at line 3 column 1

---

# 🗣️ Text to Speech Converter

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)
![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)




A simple and elegant translator application that translates text between different languages using the MyMemory API.


## ✨ Features

- 🌍 Translate text between multiple languages.
- 📋 Copy text to clipboard with a single click.
- 🔊 Listen to the translated text using text-to-speech.
- 🔄 Switch between languages easily.


## 📹 Demo Video

[Watch the Demo]




## 🖼️ Screenshots

### Main Interface

![image](https://github.com/KDvs123/translation-website/assets/119438971/d73c788d-c7e1-4ed5-ba02-11d6519e7c19)


### Translation Result

![image](https://github.com/KDvs123/translation-website/assets/119438971/11594f8f-a85f-47db-bedf-aa01464f69f3)
![image](https://github.com/KDvs123/translation-website/assets/119438971/9462c051-80c0-4dc7-a98e-0b393fd5cfce)


## 🛠️ Tech Stack

- HTML
- CSS
- JavaScript
- Font Awesome
- MyMemory API


## 🚀 Getting Started

Follow these instructions to set up the project locally.

### Prerequisites

Before you begin, ensure you have met the following requirements:
- You have a modern web browser installed.
- You have an internet connection to access the MyMemory API.

### Installation

1. Clone the repo:
   ```sh
   git clone https://github.com/KDvs123/translation-website.git
   ```

2. Navigate to the project directory:
   ```sh
   cd translation-website
   ```

3. Open `index.html` in your browser to view the app.


### 📘 Usage


1. Enter text in the "Enter text" textarea.
2. Select the languages you want to translate from and to.
3. Click the "Translate Text" button.
4. The translated text will appear in the "Translation" textarea.
5. Use the copy icon to copy the text, or the volume icon to hear it spoken aloud.

## 📁 Project Structure

![image](https://github.com/KDvs123/translation-website/assets/119438971/1d1af031-e112-464b-8756-eba8123a9ce8)


## 🤝 Contributing

Contributions are welcome! Please follow these steps:

1. Fork the project.
2. Create your feature branch:

   ```bash
   git checkout -b feature/AmazingFeature
   ```

3. Commit your changes:

   ```bash
   git commit -m 'Add some AmazingFeature'
   ```

4. Push to the branch:

   ```bash
   git push origin feature/AmazingFeature
   ```

5. Open a pull request.

## 📜 License


This project is licensed under the MIT License 

## 📞 Contact

- 📧 Email: vihangasupasan2001@gmail.com
- 🐙 GitHub: KDvs123


---