Bilingual Reader is a web-based application designed to help users read and study texts in a foreign language with translations. The application offers an interface with side-by-side views of the original text and its translation. Additionally, it includes a text-to-speech (TTS) feature that allows you to listen to the text. You can also click on individual sentences to listen to the audio for specific sections.
You can access the application here: https://telesleo.github.io/bilingual-reader.
Insert the text in your target language into the input field at the top of the page and load it.
To translate the content to your desired language, right-click on the page (the process may vary depending on your browser).
Below the text, you can choose the language for the text-to-speech feature. By clicking the "Speak" button, you can listen to the audio for the entire text (the available options may vary depending on your browser).
Hover your mouse over a sentence to display its corresponding translation.
If you want to hear the audio for a specific section, simply click on that sentence.
Compatibility with both desktop and mobile devices.
The ability to switch between different texts. All texts are saved locally on your browser. You can remove them by pressing the "Remove" button on the text card.
A dark mode version. You can toggle dark mode on and off by clicking the sun/moon icon at the bottom of the page.
Clone the repository:
git clone https://github.com/telesleo/bilingual-reader.gitInstall the required dependencies:
npm installStart the application:
npm start