Real Time Chat Application (not fully complete)

...From "The Dirando Group"

The only external module we are using is Socket.IO (client & server) and pure javascript on the client-side

With the application not fully complete, our unit testing required a local storage variable to be set manually like so:

User #1 uuid = "00000001-aaaa-bbbb-cccc-0123456789FF" or

User #2 uuid = "00000002-aaaa-bbbb-cccc-0123456789FF"

This will allow the application to pull up many groups for user #1 and two groups for user #2.

Without a local storage variable set, you can register via the modal dialog, and even though an associated JSON file is created, you cannot create any chats via the GUI itself.

Two users (User #1 and User #2) can use the web application to send messages back and forth in real-time when using group #12345678 and #12345679 and displays the time delivered to the server.

Sending a blank message will shake the screen to notify the user that no content was sent.

Minor CSS animations are included (like when switching from one group to another). Also, the active group snaps to the top & bottom of the group list.

A right-click on the UUID, (bottom left of the screen) allows a right-context menu to copy the UUID or sign out.

The create chat dialog (via the buttons) shows a modal dialog, but does nothing functionally, due to time constraints.

We hoped the application could have handled images and videos, but sadly time ran out for us.

We anticipated having a status (online vs offline vs typing), however this was never implemented.

Thanks for auditing our project, we had fun competing in our first Hackathon :)

Share this project:

Updates