Project Overview

A simple and modern language translator built with React.
The application supports text translation between multiple languages, auto-detection of input language, voice input through speech recognition, text-to-speech output, translation history, and light/dark mode.
It provides a clean and easy-to-use interface for quick and accurate translations.

Screenshots

Key Features

• Auto language detection
• Speech-to-text input (microphone support)
• Text-to-speech output
• Translation history saved in localStorage
• Dark and light mode toggle
• Copy input and output text
• Swap languages
• Responsive user interface

Functionality

• User types or speaks text in the input box
• App detects language (if auto mode is selected)
• Sends text to the translation API
• Displays the translated output
• Allows listening to translation using text-to-speech
• Stores each translation in history
• Supports clearing history, copying text, swapping languages, and switching themes

Technology Used

• React.js
• Vite
• Tailwind CSS
• Web Speech API
• Lucide React Icons
• LocalStorage API

Why This Project Is Useful

• Helps users translate text quickly and easily
• Supports voice input and audio output for accessibility
• Saves translation history for future reference
• Demonstrates real-world use of browser APIs and API integration
• Provides a clean and modern UI for everyday use

Download Source Code

Project Setup Instructions

Note: This project is for educational purposes only. Not for commercial sale.