An open API service indexing awesome lists of open source software.

https://github.com/carandev/translate-ai

Proyecto creado con ReactJS y la API de Gemini que traduce texto de inglés a español
https://github.com/carandev/translate-ai

openai-api reactjs tailwindcss vercel

Last synced: 3 months ago
JSON representation

Proyecto creado con ReactJS y la API de Gemini que traduce texto de inglés a español

Awesome Lists containing this project

README

          

# Traducir de inglés a español con inteligencia artificial

Este proyecto surgió como idea gracias a los ejemplos que hay en la API de OpenAI.

### Tecnologías usadas:
- [React JS](https://reactjs.org)
- [Tailwind CSS](https://tailwindcss.com)
- [OpenAI API](https://openai.com/api/)
- [Vite JS](https://vitejs.dev)
- [Vercel](https://vercel.com)
- [Tabler Icons](https://tabler-icons.io)
- [SVGR](https://react-svgr.com)

## Funcionamiento:

Contiene un textarea para escribir el texto en inglés y un botón para ejecutar la petición a la API. (Si el textarea está vacío traduce una frase aleatoria devuelta por la API)

![Una imagen de la app que tiene un título, un input ](https://raw.githubusercontent.com/carandev/translate-ai/main/.github/home.png)

Al ejecutar la petición mientras se espera la respuesta muestra un icono de cargando para darle feedback al usuario.

![Una imagen de la app que tiene un título, un input, un botón y un icono de cargando](https://raw.githubusercontent.com/carandev/translate-ai/main/.github/loading.png)

Después muestra la traducción correspondiente.

![Una imagen de la app que tiene un título, los emojies de la película y un botón](https://raw.githubusercontent.com/carandev/translate-ai/main/.github/emoji.png)