EPIC: Dashboard - Student View

[dogezen]

Posts Feed

When a user is logged in, they should be redirected to the dashboard which displays:

• a feed with posts made by all users, sorted by most recent post
• an input to create a new post
• a search bar
• a list of other users in the logged in users cohort

Each post in the post feed should be displayed as its own UI card containing:

• The author’s first name and last name
• The date & time of the post
• A button with 3 dots the user can click (if it is their post), allowing them to delete or edit the post
• The author’s initials in a coloured circle
• The post content
• A like button with a heart icon
• A comment button with a speech bubble icon
• The number of likes that the post has, or a message that tells the user they will be the first to like the post
• A list of comments the post has
• A comment input with the logged in users initials displayed in a coloured circle to the left side

Design

Creating Posts

The create post input opens a modal window with a text area and submit button, allowing the user to write a post. When the user clicks submit, if there is no text entered the user should see an error message. If there is text, the post should get created and added to the top of the list of displayed posts in post feed.

Design