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.
- React
- Vite
- Tailwind CSS
- Context
- useRef
- hooks
- AI API
- Typescript
-
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.