Day 22 Beginner
Challenge 22 of 100
Messages
As a user who frequently communicates via messaging apps, I want an intuitive and well-organized messaging interface that allows me to easily view recent conversations, access details, and manage my interactions effectively.
Acceptance Criteria
- ✓ The messaging interface displays a list of recent conversations with profile pictures and the most recent message preview for each contact.
- ✓ Each conversation item should display the name of the contact or group, the last message sent or received, and the time or date of the last interaction.
- ✓ Clicking on a conversation opens a detailed chat view, showing the message history with that particular contact.
- ✓ The detailed chat view should have a clearly marked area to write and send new messages, along with options for attaching files or images.
- ✓ There should be an easily accessible search function to quickly find past conversations by contact name or keywords within the messages.
- ✓ An option to initiate a new conversation, represented by a prominently displayed '+' or similar icon, should be available.
- ✓ The design must ensure that the interface is responsive across different devices, providing a consistent user experience on both desktop and mobile platforms.
100 Days of Code Progress Day 22 / 100
Take this challenge
Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.
Start 7-Day Free Trial to Solve This Challenge
