Messaging Workflow

The messaging system enables direct, real-time communication between TubeRaker users. Whether coordinating on a contest, giving feedback, or building relationships, messages are delivered instantly with full conversation history.

User Messages Page Conversation List New or Existing? Existing Select Conversation Open Chat Thread New Start New Conversation Search & Select Recipient Type Message Text, Emoji, Attachments Send Message Delivered Recipient Notified Push + In-App Alert Real-time Update WebSocket Live Sync History Preserved Searchable & Persistent Action System Send Notify Real-time New Chat

Step-by-Step Explanation

1

Open Messages Page

The user navigates to the Messages section, which displays a list of existing conversations sorted by most recent activity.

2

Select or Start Conversation

The user either selects an existing conversation thread or starts a new one by searching for a recipient by username or display name.

3

Type Message

In the conversation view, the user composes a message with text, emoji, or file attachments. A character counter and formatting tools are available.

4

Send Message

The message is sent instantly. The system stores it in the conversation thread and confirms delivery with a visual indicator.

5

Recipient Notified

The recipient receives a push notification and an in-app alert badge. If they are offline, the notification waits for their next session.

6

Real-time Updates

Using WebSocket connections, both parties see messages appear in real time without page refresh. Typing indicators show when the other person is composing.

7

Message History Preserved

All messages are permanently stored and searchable. Users can scroll back through their full conversation history at any time.