Oi Pedro,

Entendo sua dificuldade com as portas 🙄.

É comum esse tipo de conflito quando trabalhamos com frontend e backend rodando localmente. Vamos resolver isso!

Para alterar a porta da sua API, você precisará encontrar o arquivo de configuração do seu projeto backend.

Geralmente, essa configuração está em um arquivo com nome como server.js, app.js ou algo similar, dependendo da linguagem e framework que você está usando (Node.js, Python, etc).

Dentro desse arquivo, procure pela linha onde a porta é definida. Ela pode se parecer com algo como:

// Exemplo em Node.js
const port = 3000;
app.listen(port, () => {
  console.log(`Servidor rodando na porta ${port}`);
});

Altere o valor da variável port para 8000 (ou qualquer outra porta que desejar) e salve o arquivo.

// Exemplo em Node.js
const port = 8000;
app.listen(port, () => {
  console.log(`Servidor rodando na porta ${port}`);
});

No seu frontend, você precisará ajustar a URL base das requisições para apontar para a nova porta da API. Se você estiver usando fetch ou axios, por exemplo, procure onde a URL base é definida e altere para http://localhost:8000 (ou a porta que você escolheu).

// Exemplo com fetch
fetch('http://localhost:8000/api/algumacoisa')
  .then(response => response.json())
  .then(data => console.log(data));

Para saber mais: Documentação do Node.js sobre como configurar o servidor.

Continue praticando e explorando, você está no caminho certo! 🤔