01 - Display important details of a single entry

[NadineGrosskreuz]

Value Proposition

As a user
I need to see an flea market/shop
to be able to get the information about the flea market/shop I am interested in.

Description

Scribble / design or text

Acceptance Criteria

• The entry's category is displayed
• The flea market's/shop's name is displayed
• The flea market's/shop's location is displayed

Tasks

• Create the data structure to hold the entry details
• Create a new component to render the data in a <h2> and <p> tag
• The component receives entry details via props
• Add component to the app
• Add styled-components
• Add to Storybook
• Add test to check if data is rendered
• Check accessibility
• Deploy for usability and UX testing
• Check on mobile phone

Complexity

M

[julialoeschel]

Hello,
good first story, I have some suggestions for you:

• If you set up data that is more than one entry, you may want to render a list of cards here already.
• to do so, your wireframe may include the whole screen, not just one card.
• also if you are scribbeling, try using "real" data, so get a clue about spacing and size of content.
• your Value Preposition is a little unspecific. Think about a real benefit for the use. I suggest smth like: "...I need to see a list of flew markets, to be able to get the information about the markets available. "
• The following tasks are not necessary to mention in your Tats-list:
  • Create a new branch "display-entry" (please always do that!)
  • ...to render the data in a p tag (we are not giving information about the "how" here)
  • The component receives entry details via props (same)
  • Apply basic styling (is usually always included)
  • ...to check if data is rendered (unnecessary information here)

This seems like a lot, dont worry.
The story is good, these are suggestions to make it even better ;)