Display Episodes

[UniversalTraveller]

Value Proposition

As a user I want to see a podcast with all its episodes so that I can get an overview about what's there.

Description

Acceptance Criteria

• [x] The three latest episodes must be visible on the screen.
• [x] The page is scrollable.
• [x] Clicking on the podcasts title sends the user to episode view.
• [x] Clicking on the navigation link sends the user back to podcast view.

Tasks

• [x] Create an array of objects for the podcast episodes.
• [x] Each episode object contains a unique ID (nanoid), its length, its publishing date, a title, and the podcast name.
• [x] Create a component for episodes list.
• [x] Map through the episodes to display them in the list.
• [x] Add the episodes list to storybook.
• [x] Test whether the episode title, podcast name, and podcast name, episode length and publishing date are displayed.
• [x] Create page and component to display podcasts.
• [x] Write a test for the component that displays podcasts.
• [x] Add the component that displays podcast to storybook.

Complexity

M

[ahohnsen]

Hey Andreas,

Nicely done! I have a few suggestions:

I would recommend to stick to the format of the value proposition:

As a user I want to see an episode list so that I can get an overview about what's there.

• Your scribble should contain real content and no placeholder text (e.g. Episode One Title).
• In your acceptance criteria you could be a bit more specific: A list of episodes (at least three) must be visible on the screen. "At least three" is not so specific. As well, it would be good to mention if your page is going to be scrollable.
• All the things which are visible in your scribble do not need to be described in your acceptance criteria e.g. For each episode, the title of the podcast and the title of the episode are shown.

[UniversalTraveller]

Hi Andrea,

thanks a lot for your feedback! I changed the user story accordingly.