ProyectosClon de Google Translatemay/2023

Este proyecto consiste en un clon sencillo de Google Translate, está diseñado para traducir solo 3 idiomas: español, inglés y alemán, aunque también tiene una función para detectar el idioma de origen de manera automática.

Este proyecto tiene:

  • Toda la lógica encapsulada en un useReducer.
  • Permite intercambiar los idiomas haciendo click en las flechas.
  • Si ya tienes un texto escrito en el idioma de origen, y cambias el idioma de destino, automáticamente se traducirá al nuevo idioma seleccionado.
  • Permite copiar en el portapapeles el texto traducido.
  • Permite reproducir el texto traducido.
  • Tiene un debounce que hace la petición de traducción a la API luego de que transcurren 500ms desde que el usuario deja de escribir.

Sitio webEsta aplicación no tiene despliegue, pero podemos revisar el código en una entrevista presencial o virtual, y si gustan puedo hacer el despliegue en vivo a manera de prueba.

Código

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

Back-endTypescript, cors, dotenv, express, openAI

Google translate clone demo app pic 1
Pantalla de la app donde pueden observar el menú desplegable del idioma de origen y el idioma destino, las flechas para intercambiar los idiomas, el botón para copiar el texto traducido en el portapapeles y el parlante para reproducir dicho texto.