kearaharrington/Face2Face

Video App

Face2Face

Face2Face allows users to create and join virtual meeting rooms where they can communicate with each other using video, audio and instant messaging.

Texting Chatroom

Users are able to create a chatroom and/or join an existing chatrooms.

New Chatroom -

Simply type a chatroom name within the input and select "entering this room"

Existing Chatroom -

Select the existing chatroom and it redirects to that page.

Within the Chatroom

Chatroom Header and Room name

Chat text

1. Username 2. Texting message 3. Date of the message created

Sending the message

Some notable codes

Fetching Messages "GET"

<script>
  $(document).ready(function () {
    setInterval(function () {
      $.ajax({
        type: "GET",
        url: "/getMessages/{{chatroom}}/",
        success: function (response) {
          console.log(response);
          $("#display").empty();
          for (let key in response.messages) {
            let displayMessage =
              "<div class='padding-box box container darker'><b>" +
              response.messages[key].sender.toUpperCase() +
              "</b><p class='container font'>" +
               response.messages[key].text +
              "</p><span class='padding-box darker'>" +
              response.messages[key].created_at.slice(0, 10)+
              "</span></div>";
            $("#display").append(displayMessage);
          }
        },
        error: function (response) {
          alert("Your message has not been sent, An Error");
        },
      });
    }, 1000);
  });
</script>