https://github.com/devgoyalg/language-translator-app

Language Translator App using HTML, CSS and JavaScript
https://github.com/devgoyalg/language-translator-app

language-translator language-translator-api language-translator-app language-translator-in-javascript language-translator-javascript language-translator-js language-translator-project language-translator-website

Last synced: 5 months ago
JSON representation

Language Translator App using HTML, CSS and JavaScript

• Host: GitHub
• URL: https://github.com/devgoyalg/language-translator-app
• Owner: DevGoyalG
• Created: 2024-08-03T11:14:26.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-26T18:31:07.000Z (over 1 year ago)
• Last Synced: 2025-03-27T14:55:09.675Z (about 1 year ago)
• Topics: language-translator, language-translator-api, language-translator-app, language-translator-in-javascript, language-translator-javascript, language-translator-js, language-translator-project, language-translator-website
• Language: JavaScript
• Homepage: https://languages-translators.netlify.app/
• Size: 34.2 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Star Badge](https://img.shields.io/static/v1?label=%F0%9F%8C%9F&message=If%20Useful&style=style=flat&color=BC4E99)

![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)

[![View My Profile](https://img.shields.io/badge/View-My_Profile-green?logo=GitHub)](https://github.com/DevGoyalG)

[![View Repositories](https://img.shields.io/badge/View-My_Repositories-blue?logo=GitHub)](https://github.com/DevGoyalG?tab=repositories)

 Language Translator App 


  If you found this repository helpful, give us a  ⭐️  

 


A simple Language Translator app that allows users to translate text between different languages. The app integrates with a translation API to fetch translations in real time. In addition, it includes functionality to copy the translated text and speak the translated text aloud using the browser's text-to-speech feature.

## 🌐 Live Demo

Check out the live demo of the Language Translator App [here](https://languages-translators.netlify.app/).

## 📸 Project Preview

Here's a sneak peek of the Language Translator App:

![Project Preview](assets/Language-Translator.png)

## 🚀 Features

- Allows users to translate text between multiple languages.

- Provides a copy button to copy the translated text to the clipboard.

- Uses Text-to-Speech to speak the translated text aloud.

- Supports real-time translation with automatic language detection.

- Simple and responsive design for both desktop and mobile devices

## 🛠️ Tech Stack

- **HTML** : For the structure of the translation form and layout.

- **CSS** : For styling the page and making the user interface clean and user-friendly.

- **JavaScript** : For handling user input, interacting with the translation API, and implementing the text-to-speech and copy functionalities.

## 🧑‍💻 Getting Started

Follow the steps below to clone and use the project locally:

### 1. Prerequisites

Make sure you have **Git** installed. If not, you can download it [here](https://git-scm.com/).

### 2. Clone the Repository

```bash

git clone https://github.com/DevGoyalG/Language-Translator-App.git

```

### 3. Set up the API Key

- Sign up for a free account at Google Cloud Translate API or use an open-source option like LibreTranslate.

- After getting your API key, configure it in your JavaScript file (app.js) where the API key needs to be inserted.

## 🤝 Contributing

Contributions are welcome! If you have suggestions or want to report an issue, feel free to open an issue or create a pull request.

## 👨‍💻 Created by

This project was created and is maintained by:

**Dev Goyal**

Feel free to reach out if you have any questions or suggestions! ❤️