Nessa aula vamos criar o serviço, que será utilizado nos dois modos de jogo e iniciar o jogo solo.

1- Dentro da pasta service, vamos criar uma pasta chamada Api e outra chamada BombApp. Dentro da pasta Api, vamos criar um arquivo chamado api.js.

Para essa configuração, você precisará saber seu IP, então você pode entrar no terminal e digitar ipconfig para descobrir o seu. Substitua na URL o seu IP.

import axios from "axios";

const api = axios.create({
  baseURL: "<http://ipdapessoa>:PortaDaEscolha",
});

export default api;

2- Dentro da pasta Api, vamos criar um arquivo chamado server.json, e vamos inserir as dicas de senha:

{
  "questions": [
    {
      "id": 1,
      "pergunta": "Quanto é 230 + 347 - 256 * 2 + 27 + 123?",
      "resp": "161"
    },
    {
      "id": 2,
      "pergunta": "Quanto é 187 + 965 - 879 - 150?",
      "resp": "123"
    },
    {
      "id": 3,
      "pergunta": "Quanto é 530 + 347 - 356 * 5 / 3?",
      "resp": "284"
    },
    {
      "id": 4,
      "pergunta": "Quanto é 2 * 2 * 4 *9?",
      "resp": "144"
    },
    {
      "id": 5,
      "pergunta": "Quanto é 37 + 89 - 875 + 897 + 173?",
      "resp": "321"
    },
    {
      "id": 6,
      "pergunta": "Quais são os 3 primeiros números de PI?",
      "resp": "314"
    },
  ]
}

3- No arquivo Package.json, vamos inserir o comando pra iniciar o servidor e dar acesso às dicas através do axios.

"jsonServer": "json-server ./src/services/api/server.json --host ipDaPessoa --port portaDaEscolha"

4- Agora vamos rodar o npm run jsonServer.

5- No arquivo index.js do da pasta PlayAlone criar a lógica do jogo.

6- Vamos criar um useState que vai verificar se o jogo começou, outro da senha e mais 3 (para contar horas, minutos e segundos)