Generador de excusas en usando IA

🌱 ¿Cómo empezar este proyecto?

No clones este repositorio porque vamos a usar una plantilla diferente.

Recomendamos abrir la plantilla de flask o la plantilla de vanilla.js utilizando una herramienta de aprovisionamiento como Codespaces (recomendado) o Gitpod. Alternativamente, puedes clonar un repositorio de GitHub en tu computadora local usando el comando git clone.

Estos son los repositorios que necesitas abrir o clonar:

1🐍 Para Python:
2https://github.com/4GeeksAcademy/flask-rest-hello
3
4👩🏽‍💻 Para Javascript:
5https://github.com/4GeeksAcademy/vanillajs-hello

⚠ Necesitarás tener Node.js o Python 3.7+ instalado si lo haces localmente, pero todo eso ya está instalado en Codespaces o Gitpod.

📝 Instrucciones

Paso 1: Configura el Proyecto

• Elige tu lenguaje preferido y configura el proyecto boilerplate desde las plantillas proporcionadas.
  • Para Python: Usa la plantilla de Flask.
  • Para JavaScript: Usa la plantilla de VanillaJS.
• Sigue las instrucciones en el README de los respectivos repositorios para configurar tu entorno de desarrollo.

Paso 2: Obtén acceso a la API de ChatGPT

• Regístrate para obtener una cuenta en OpenAI.
• Navega a la sección de API y obtén tu clave API para acceder a la versión gratuita de ChatGPT.

Paso 3: Crea un Formulario de Entrada o usa un prompt si construyes el proyecto en la terminal

• Implementa un formulario de entrada en tu lenguaje elegido donde los usuarios puedan especificar para qué debe ser la excusa.
  • Para Python (En la terminal): Puedes usar la función prompt() para preguntar al usuario.
  • Para JavaScript: Puedes crear un formulario HTML y manejar la sumisión del formulario con JavaScript manipulando el DOM.

Paso 4: Conéctate a la API de ChatGPT

• Usa el valor del formulario de entrada para crear un prompt para la solicitud a la API de ChatGPT.
• Envía la solicitud a la API de ChatGPT y maneja la respuesta.

Ejemplo para Python:

1import requests
2
3@app.route('/generate_excuse', methods=['POST'])
4def generate_excuse():
5    excuse_for = request.form['excuse_for']
6    prompt = f"Dame una excusa para {excuse_for}:"
7    
8    response = requests.post('https://api.openai.com/v1/engines/davinci-codex/completions', 
9                             headers={'Authorization': f'Bearer {api_key}'}, 
10                             json={'prompt': prompt, 'max_tokens': 50})
11    
12    excuse = response.json()['choices'][0]['text']
13    return render_template('result.html', excuse=excuse)

Ejemplo para JavaScript:

1document.getElementById('excuseForm').addEventListener('submit', async (event) => {
2    event.preventDefault();
3    const excuseFor = document.getElementById('excuseFor').value;
4    const prompt = `Dame una excusa para ${excuseFor}:`;
5
6    const response = await fetch('https://api.openai.com/v1/engines/davinci-codex/completions', {
7        method: 'POST',
8        headers: {
9            'Authorization': `Bearer ${apiKey}`,
10            'Content-Type': 'application/json'
11        },
12        body: JSON.stringify({ prompt: prompt, max_tokens: 50 })
13    });
14
15    const data = await response.json();
16    const excuse = data.choices[0].text;
17    // Muestra la excusa al usuario
18});

Paso 5: Muestra la Excusa Generada

• Una vez que recibas la respuesta de la API de ChatGPT, muestra la excusa generada al usuario.
  • Para Python: Puedes mostrar la excusa en la terminal con un print().
  • Para JavaScript: Puedes actualizar el DOM para mostrar la excusa.

Ejemplo para JavaScript:

1document.getElementById('excuseForm').addEventListener('submit', async (event) => {
2    event.preventDefault();
3    const excuseFor = document.getElementById('excuseFor').value;
4    const prompt = `Dame una excusa para ${excuseFor}:`;
5
6    const response = await fetch('https://api.openai.com/v1/engines/davinci-codex/completions', {
7        method: 'POST',
8        headers: {
9            'Authorization': `Bearer ${apiKey}`,
10            'Content-Type': 'application/json'
11        },
12        body: JSON.stringify({ prompt: prompt, max_tokens: 50 })
13    });
14
15    const data = await response.json();
16    const excuse = data.choices[0].text;
17    document.getElementById('result').innerText = `Tu excusa es: ${excuse}`;
18});

Sección de Bonus

Características Adicionales para Practicar y Mejorar el Proyecto

1. Estilización: Agrega CSS para estilizar tu interfaz web, haciéndola más amigable para el usuario y visualmente atractiva.
2. Personalización: Permite a los usuarios especificar diferentes tipos de excusas (por ejemplo, trabajo, escuela, familia).
3. Historial: Almacena las excusas generadas en una base de datos o almacenamiento local para que los usuarios puedan ver las excusas generadas previamente.
4. Manejo de Errores de API: Agrega un manejo adecuado de errores para las solicitudes a la API para mejorar la experiencia del usuario.

¡Siéntete libre de explorar y agregar más características para hacer tu Generador de Excusas aún más robusto y amigable para el usuario!