03 - List entries

[NadineGrosskreuz]

Value Proposition

As a user
I need to see a list of flea markets and shops
to be able to to get a better overview of all the flea markets and shops.

Description

Acceptance Criteria

• Each entry should be visually separated
• Each entry should be displayed with the important details (see #1)
• All entries should be displayed

Tasks

• Create a data structure to hold an array of multiple entries
• Create a component to render the list of entries
• The component receives the array via props
• The list component contains the card component defined in #1
• Remove single card from the app and add the list component instead
• Add styled-components
• Add to Storybook
• Add a test to check if all given entries are rendered
• Check accessibility
• Deploy for usability and UX testing
• Check on mobile phone

Complexity

S

[cintiavazquez]

Hi Nadine, great second user story!
I can't see anything wrong with it, but I'd maybe be more specific in the tasks after "The component receives the array via props". I'd add that you then map over the array to display all cards (and check that your static data has IDs to act as keys).

[NadineGrosskreuz]

Thank you, I adjusted it!