Mentor virtual potenciado por IA

Qué hace

Funciones

Explora las siguientes funciones en este proyecto:

📦 HTML, CSS, JAVASCRIPT y API de GEMINI: Utiliza estas tecnologías para crear una herramienta de orientación interactiva y potente.

🧠 Orientación basada en IA: Utiliza la IA generativa de Google para proporcionar consejos inteligentes y relevantes en función de las entradas del usuario.

💬 Interacción del usuario: Permite que los usuarios ingresen preguntas o desafíos a través de un área de texto y reciban consejos personalizados.

⏳ Indicadores de carga: Muestra un ícono giratorio durante el procesamiento de las consultas de los usuarios para indicar el progreso.

⚠️ Control de errores: Muestra mensajes de error si falla la generación de consejos y registra errores en la consola para depurarlos.

🖥️ Visualización de contenido: Renderiza los consejos generados en la página web con el formato adecuado.

📱 Diseño responsivo: Garantiza que los elementos de la interfaz de usuario sean responsivos y se adapten a varios tamaños de pantalla.

🎨 Cambios de estilo dinámicos: Cambia la apariencia de los elementos de entrada en los eventos de enfoque y desenfoque.

🔄 APIs utilizadas: Se integra con la API de Google Gemini para generar consejos.

📁 Estructura de código: Funciones organizadas para diferentes funcionalidades, como generar consejos, mostrar contenido y controlar errores.

✨ Prácticas modernas de JavaScript: Utiliza funciones modernas de JavaScript, como async/await, para controlar operaciones asíncronas. Garantiza un código legible y claro con comentarios para una mejor comprensión.

📦 Diseño modular: Las funciones se separan lógicamente para controlar tareas específicas, lo que hace que el código sea modular y fácil de mantener.