Online game - 1 vs 1 (IONIC 3 & ANGULAR 5) [closed]

in your db you could add a field: connected giving a 1 if it is connected and a 0 if not, the same, in the same field if the user is playing you place a 2 therefore if the connected user == 1 is possible Look for another game ... you know disconnected or playing. make a query to the db and know all those who have been connected == 1, that is in my case I would use ajax but all have their techniques, for example I do not work with angle 5 there must be a way, also in react there is another way ... therefore each time a user searches for a game you would have to do an asynchronic function using ajax to make a query on the bd and bring back the result of who is connected and who is not.

In my case the ajax json.html is already the complete list of all the users with the query already made that brings a table with which connected = 1 and you make an append to some div like this:

AJAX

   $("#buscarUsers").on("click", function() {
      var formData = new FormData();
      $.ajax({
        type: "POST",
        url: "api/buscar_usuarios",
        contentType: false,
        processData: false,
        data: formData,
        success: function(json) {
          if (json.success == 1) {
          $('#algundiv').append(json.html);
          } else {
            msg_box_alert(json.success, "Error", json.message);
          }
        },
        error: function(xhr, status) {
          msg_box_alert(99, "Error", xhr.responseText);
        }
      });
    });