Skip to content

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.

Notifications You must be signed in to change notification settings

AbdullahButt2611/Language_Translator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

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

UI Image

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published