Skip to content

ariigrangetto/google-translateTS

Repository files navigation

🤖 Google Translate

Desarrollé una aplicación inspirada en Google Translate, utilizando la API de IA para traducciones, junto con detección de idioma, reconocimiento de voz y salida de audio.
I developed an application inspired by Google Translate, using the AI API for translations, along with language detection, voice recognition, and audio output.

📝 Tecnologias / Technologies

  • React
  • Vite
  • Tailwind CSS
  • Context
  • useRef
  • hooks
  • AI API
  • Typescript

🧠 El proceso / The process

  • Traducción con AI API: Implementé la traducción entre los idiomas aceptados, con posibilidad de extenderla a más lenguajes en el futuro.

  • Cambio dinámico de idiomas: Permite intercambiar los idiomas de origen y destino, tal como lo hace Google Translate.

  • Detección automática de idioma: En caso de que el usuario no especifique el idioma de origen, la aplicación lo detecta automáticamente.

  • Reconocimiento de voz y salida de audio: Se puede ingresar texto mediante voz y escuchar la traducción en audio.

  • Funciones adicionales: Copiado del texto traducido y limitación de la longitud de entrada para mejorar la experiencia del usuario.


  • Translation with AI API: Implemented translation between the supported languages, with the possibility of extending to more languages in the future.

  • Language swap functionality: Allows users to swap the source and target languages, similar to the language switch feature in Google Translate.

  • Automatic language detection: If the user does not specify the source language, the application detects it automatically.

  • Voice recognition and audio output: Users can input text via voice and listen to the translation in audio form.

  • Additional features: Copying the translated text and limiting the input length to improve the user experience.

✋🏻 Advertencia!! AI API tiene limitaciones por espacios geograficos y navegadores.
✋🏻 Warning!! The AI API has limitations depending on geographic location and browser.

🌆 Vista previa / Preview

google-translate-icon