Chat Tab - Githubissues

techclubjacobs / app

The web application for all campus things!

3 stars 1 forks source link

Chat Tab #34

Open dung-huynh opened 5 years ago

dung-huynh commented 5 years ago

Implement the stereotypical chat tab (not yet a page), similar to that of Facebook or Whatsapp. The chat page will later be developed. The difference between the page and tab is that the page includes many tabs (your message receivers) and the tab is your conversation with one of the message receivers.

Functionality:

Compose a message via a message-input-box.
Submit the message through the Send button.
Session be in realtime; meaning: keep updating the chat tab when a message is received or sent.

Design:

The sender's (in-session user) messages are aligned to the right and the receiver's to the left.
Two messages that are separated by a larger time interval need to have a greater vertical whitespace between them.
The message-input-box is at the bottom.

Data:

chat.json is included in the same folder. Feel free to edit!

Branch: ChatView

ArsenijPercov commented 5 years ago

Let's distribute the tasks between each other, so we can start working on it.