Image Post Detail Screen

Overview

The Image Post Detail Screen displays detailed information about a specific image post. This screen is accessed by clicking on a post card. Overall, this is an important screen of the platform, as it allows users to view and interact with individual posts in a more detailed way. It can help to engage users and keep them coming back to the platform for more content.

Image

The component that is designed to display the image, following the device's screen resolution for responsiveness. Clicking on the full screen icon will display the image in full screen.

Title and Description

This section displays the title and the description of the Post.

Reactions

This section displays the top 3 reactions the post has plus a smiley emoji where users can add different reactions. Clicking on it opens up a pop up with all available emojis. Any reactions that were already selected by the user will be highlighted using the accent color.

Comments

The component where users can leave comments, share their opinions, ask questions, or engage in a discussion with other users (replies) on a particular piece of content.

• Count of comments: The total number of comments and replies a post has.
• Avatar: Users the first letter of the username.
• Comment field: Where users can type in the comment.
• Username.
• Timestamp: When the comment was added.
• 3 dots: If it's your own comment, then you will see an option to Edit or Delete the comment. If it's a comment from a different user, then you will see an option to Report that comment.
• Comment.
• Upvote and downvote and their respective count.
• Reply now: Button that opens a text field where the user can add a reply to a specific comment.

Available Customizations

• Accent color (one color used throughout the app)

Any changes made to this section require a new build to be submitted to the app stores for approval.