Skip to content

Language Translator is a modern single-page web app built with React and CSS, offering real-time translation powered by the Google Translate API. Features include user-friendly interfaces, text recognition with web speech API for text-to-speech conversion, and responsive design ensuring seamless usability across all devices

Notifications You must be signed in to change notification settings

SursaChauhan/Lang_Translator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lang_Translator

Welcome to Lang_Translator! This repository contains the codebase for [Language Translator is a modern single-page web app built with React and CSS, offering real-time translation powered by the Google Translate API. Features include user-friendly interfaces, text recognition with web speech API for text-to-speech conversion, and responsive design ensuring seamless usability across all devices.].

Functionality

This project provides the following functionalities:

  • Function 1: Simple and Clean UI.
  • Function 2: Real Time Translation.
  • Function 3: Text Recognition and Text-to-Speech.
  • Function 4: Responsive web design.

Deployment

You can access the deployed version of this project at Deployment Link.

Screenshots

Here is a screenshot of the homepage:

Homepage Screenshot

Video Presentation

Watch our project presentation to learn more about its features and functionality: Project Presentation Video

Environment Variables

To run this project locally, you need to set the following environment variables:

  • ENV_VAR1: REACT_APP_GOOGLE_TRANSLATE_API_KEY

Make sure to create a .env file in the root directory of the project and add these variables with their respective values.

Installation and Usage

  1. Clone the repository:
    git clone https://github.com/your-username/project-name.git
    
  2. Install dependencies:
    npm install
    
  3. Set up your environment variables in a .env file.
  4. Start the application:
    npm start
    
  5. Open your browser and go to http://localhost:3000 to view the application.

Contributing

If you want to contribute to this project, feel free to fork the repository and submit a pull request!

About

Language Translator is a modern single-page web app built with React and CSS, offering real-time translation powered by the Google Translate API. Features include user-friendly interfaces, text recognition with web speech API for text-to-speech conversion, and responsive design ensuring seamless usability across all devices

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published