Ambiente: VSCode

🌐💡 VSCode Online: Seu Playground na Nuvem

Bem-vindo ao seu playground de desenvolvimento na nuvem!
Vamos conectar você, programar e explorar o MongoDB em grande estilo.

Estamos aqui para vibe code essa experiência juntos—vamos torná-la inesquecível! 🚀🎶

Acesse o VSCode Online:
- Navegue até o Portal da Arena e verifique se seu nome aparece na lista de participantes. Se não estiver lá, preencha o formulário “Novo na Arena?”.
- Abra o Workspace
Confie no Workspace:
- Quando solicitado:
  - Clique em Yes, I trust the author
  - Clique em Mark Done
Inicie o Servidor:
- Abra um novo terminal:
```
☰ > Terminal > New Terminal
```
- Inicie o backend:
```
npm start
```
- ✅ Verificação: Se você ver uma mensagem de conexão MongoDB nos logs, está tudo pronto!

Inicie o Aplicativo:
- Navegue até o Portal da Arena e abra o App
Valide o Frontend:
- Vê seu nome na página inicial? ✅ Você está dentro!
- Se você ver a mensagem de erro em vez do seu nome, verifique se o servidor backend está em execução.
- Ainda não funciona? Chame seu SA para ajuda!

Obtenha sua String de Conexão:
- Após iniciar seu servidor backend (npm start), você verá a string de conexão exibida na saída do terminal.
- Copie a string de conexão completa do terminal.
```
=============================
 🍃 MongoDB Connection String: `mongodb+srv://credentials@cluster.mongodb.net/`
=============================
```
Conecte no VSCode:
- Clique na extensão MongoDB na barra lateral.
- Em CONNECTIONS, clique em + e escolha Connect with Connection String.
- Cole seu URI copiado e conecte!
Verificação de Sucesso:
- Se você ver seus bancos de dados, está pronto para começar!

Abra o MongoDB Playground:
- No VSCode Online, localize e abra o arquivo find-playground.mongodb.js (geralmente encontrado no canto inferior esquerdo do Explorer).
Execute sua Primeira Consulta:
- Clique no botão Play ▶️ no canto superior direito do editor para executar o script do playground.
Verifique os Resultados:
- Se sua consulta executar com sucesso e retornar dados do seu banco, você está pronto!
- Se ver erros, verifique o nome do banco de dados e a conexão.

Inicie o Cline:
- Clique no ícone Cline na barra de ferramentas do VSCode para abrir a extensão.
- Escolha Use your own API key quando solicitado.
Configure a API:
- Defina API Provider como LiteLLM.
- Insira as seguintes configurações do LiteLLM:
  - Base URL: http://litellm-service:4000
  - API Key: noop
  - Model: gpt-5-mini
- Clique em Let’s go!
Teste o Cline:
- Teste sua configuração inserindo um prompt no Cline (por exemplo, peça para ele contar uma piada).

Dica:
Se não receber uma resposta, verifique suas configurações de API ou peça ajuda ao seu SA!

Pronto para o próximo desafio?