FEATURE: UI/UX improvement for common room chat feature - Githubissues

ucsb-cs156-f23 / proj-happycows-f23-5pm-1

https://ucsb-cs156-f23.github.io/proj-happycows-f23-5pm-1/

0 stars 0 forks source link

FEATURE: UI/UX improvement for common room chat feature #7

Closed github-actions[bot] closed 10 months ago

github-actions[bot] commented 11 months ago

Have you updated the title?

[X] I have updated the issue's title.

As a...

user

I can...

easily differentiate my messages from other people's messages

So that...

I can have an better user experience

Discussion

Redesign the UI for common chatroom feature to enable users to have better UX.
Currently, the UI design for common chatroom is very rudimentary, and each message is a segment, which looks rather strange.
This is a UI rework ticket so the design will be up to the students.
Remove the number after the message sender since it doesn't server any purpose and is quite confusing for some users.

Acceptance Criteria

[ ] Rework common chat room UI by removing the number after name and providing a more intuitive design.
[ ] Users can easily differentiate their own messages and other people's message.

Implementation Todos

Frontend:

[ ] A reworked chat room UI with no number after the name, messages are no longer segmented, and provide a distinction between users' own message and other people's message.

Testing:

[ ] Chatroom is rendered properly when there is no message.
[ ] Chatroom is rendered properly when there are messages.
[ ] Chatroom should render message timestamps.
[ ] Chatroom should render messages in the correct order.
[ ] Chatroom should render user's own messages differently than other users' message.