DailyUI challenge #013.

Today's prompt was to design a Direct Messaging app, profile, or chat box.

I chose to build the interface of a messaging app. On the left mockup, you can see the main page with all chats, including individual and group conversations. I highlighted key features such as showing who's online, who's read my message, new unread messages, unread messages in muted chats, and chat-specific settings like mute/unmute, delete, and archive options.

On the right mockup, you can see an individual chat. I used contrast with muted colors to make the text easy to read, while incorporating essential features like phone or video calls, file attachments, multimedia options, and voice messaging. You can also send a video message by pressing the microphone icon once to switch it to a video icon.

Thank You!