Skip to content

vaishnaviprakash12/Language-translator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Language Translation Web Application

Language Translation Web Application is a tool that allows users to seamlessly translate text between multiple languages. It includes features such as text-to-speech for both input and translated text, language swapping, and a translation history. Additionally, it offers a dark mode toggle for improved user experience in low-light conditions.

Table of Contents

Features

  • Text Translation: Translate text between multiple languages using a simple interface.
  • Text-to-Speech: Listen to the input or translated text in the selected language.
  • Language Swapping: Easily swap between source and target languages.
  • Translation History: Save and view your translation history.
  • Dark Mode: Toggle between light and dark themes for comfortable viewing.

Technologies Used

  • HTML5: For structuring the content of the application.
  • CSS3: For styling, including support for dark mode.
  • JavaScript: For implementing interactive features.
  • Font Awesome: For icons used in the application.
  • Translation API: MyMemory Translation API for translating text.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/language-translation.git
    cd language-translation
  2. See the project locally:

Usage

  1. Translate Text: Enter text in the input field, select source and target languages, and click "Translate".
  2. Listen to Text: Use the speaker icons to listen to the input or translated text.
  3. View History: Check the translation history on the sidebar.
  4. Toggle Dark Mode: Use the dark mode toggle to switch between light and dark themes.

Production

To deploy the Language Translation Web Application:

  1. Deploy by selecting main branch
  2. select home./ directory for building
  3. Deploy the application using your preferred hosting service.

Contact

Vaishnavi Prakash - LinkedIn - Email

Project Link: https://github.com/vaishnaviprakash12/Language-translator

Live Site: https://language-translator-0r0b.onrender.com/