Language_Translator

This is a simple language translator built in html, css, javascript. This app is similar to Google Translate. In this app, users can easily translate text into multiple languages, copy translated text, and convert text to speech. The user can also switch into multiple languages and swap the current two selected langauges.

Description

The user first has to enter the text that the user want to translate into the particular langauge and after doing so, user has to select the language in which the user want to translate. Once the user is successful for doing so, user can easily then click on the Translate button to translate the text. If the user want then the options to copy the entered as well as the translated text is given. Also the text can be converted to the speech. In order to swap the particular languages, we can use the exchange button icon given in the center.
The theme for this web app is:

• Background Color is #FFC500
• Body Color is #9f9f9f

Features

• The options to be shown for language has been added with JS file and using the JS code.
• API call has been made for translating the text depending on the selected value of languages.
• Text speech has also been introduced in this project.

Resources

The resources used for this procedure as as follows:

• The symbols from Font Awesome 5 Icons
• Colors from Actionable Color Palletes
• The API used is My Memory
  
  

Demo

If you want to visit the demo of this website, then you can go to the Language Translator for checking the demo. Or simply click this link.

Link to Video

GUI

Technology Stack

Following Technology Stacks are used for creating this app:

• HTML
• CSS
• JavaScript
• MyMemory API
  
  

Advancement

No advancement required

Developer

Muhammad Abdullah Butt
[email protected]

Instagram
FaceBook
YouTube
Portfolio
Website