ProjectsGoogle Translate CloneMay/2023

This project consists of a simple clone of Google Translate, it is designed to translate only 3 languages: Spanish, English and German, although it also has a function to detect the source language automatically.

This project has:

  • All the logic encapsulated in a useReducer.
  • Allows you to switch languages by clicking on the arrows.
  • If you already have a text written in the source language, and you change the target language, it will automatically be translated into the new selected language.
  • Allows you to copy the translated text to the clipboard.
  • Allows you to reproduce the translated text.
  • It has a debounce that makes the translation request to the API after 500ms after the user stops typing.

WebsiteThis application hasn't been deployed, but we can review the code in a face-to-face or virtual interview, and if you like I can re-deploy it to test it.

Source code

Front-endReact, Vite, Typescript, Bootstrap, react-toastify

Back-endTypescript, cors, dotenv, express, openAI

Google translate clone demo app pic 1
Screen of the app where you can see the drop-down menu of the source and target languages, the arrows to switch languages, the button to copy the translated text to the clipboard and the speaker to reproduce the translated text.