Entorno: VSCode

🌐💡 VSCode Online: Tu Playground en la Nube

¡Bienvenido a tu playground de desarrollo en la nube!
Conéctate, codifica y explora MongoDB con estilo.

¡Estamos aquí para programar al ritmo de esta experiencia juntos—¡hagámosla inolvidable! 🚀🎶

---

🚀 Paso 1: Configuración del Backend

1. Accede a VSCode Online:
   • Navega al Portal de Arena y verifica que tu nombre aparece en la lista de participantes. Si no está, completa el formulario “New to Arena?”.
   • Abre el Workspace
2. Confía en el Workspace:
   • Cuando se te solicite:
     • Haz clic en Yes, I trust the author
     • Haz clic en Mark Done
3. Inicia el Servidor:
   • Abre una nueva terminal:

     ☰ > Terminal > New Terminal
     

     

   • Arranca el backend:

     npm start
     

   • ✅ Verifica: ¡Si ves un mensaje de conexión de MongoDB en los registros, estás listo!

---

🎨 Paso 2: Configuración del Frontend

1. Lanza la Aplicación:
   • Navega al Portal de Arena y abre la App
2. Valida el Frontend:

   • ¿Ves tu nombre en la página de inicio? ✅ ¡Estás dentro!

   • Si ves el mensaje de error en lugar de tu nombre, verifica que tu servidor backend esté corriendo.
   • ¿Aún no funciona? ¡Llama a tu SA para obtener ayuda!

---

🤖 Paso 4: Potencia VSCode con Cline

1. Lanza Cline:
   • Haz clic en el ícono de Cline en la barra de herramientas de VSCode para abrir la extensión.
   • Elige Use your own API key cuando se te solicite.
2. Configura la API:
   • Establece API Provider en LiteLLM.
   • Ingresa las siguientes configuraciones de LiteLLM:
     • Base URL: http://litellm-service:4000
     • API Key: noop
     • Model: gpt-5-mini
   • Haz clic en Let’s go!
     
3. Prueba Cline:
   • Prueba tu configuración ingresando un prompt en Cline (por ejemplo, pídele que te cuente un chiste).

Consejo:
¡Si no obtienes respuesta, verifica tu configuración de API o pide ayuda a tu SA!

¿Listo para el siguiente desafío?

Continuar a: Explorar la Estructura de la Colección