list-of-emotions

[janaRicarda]

List of Emotions

Value Proposition

As a user

I want to see a concise list of the seven basic emotions,

so that I can easily identify and categorize my emotional state.

Description

Acceptance criteria

• The emotions list is headlined "The seven basic emotions", highlighting its purpose.
• The seven universal emotions: Joy, Sadness, Fear, Surprise, Anger, Disgust and Contempt are presented in a clear and concise list.
• The entries are visually differentiated using different styling (e.g. background colors, font colors, icons).
• If an error occurs, an error message will be displayed
• The emotions are listed corresponding to their color values (not alphabetical)

Tasks

• [ ] Create and switch to the feature branch feature/list-of-emotions
• [ ] Create array with the seven emotions
• [ ] Create list component to render the list (map over array) in index.js
• [ ] Add minimal styling
• [ ] Implement decent error handling so that a polite and understandable error message will be displayed in case of an error

[FelineHuhn]

Good elaboration of the tasks and wireframes. 😌 I have a few suggestions for improvement:

1. Value proposition

   • A typo has crept in here (2x "my")

2. Wireframes

   • The headline, which is mentioned in the Acceptance criteria is not displayed here. In such cases, consideration can always be given: Do we take this out of the wireframe or delete the acceptance criterion? But since this criterion is important for the orientation of the user, I would say that the wireframe should be adapted here, wouldn't you?
   • You show a second wire frame for an error state, which is not mentioned in the acceptance criteria. Also here: Think about whether you want to include an error state in this user story or not yet? Depending on this, the wireframe must be removed or an additional acceptance criterion must be added. Depending on the decision, the tasks may also have to be adjusted... Wireframes, acceptance criteria and tasks must always match each other :)

3. Acceptance Criteria

   • See under "Wireframes"
   • You could also mention, that the emotions are sorted alphabetically (looks like it in the wireframe)

4. Tasks

   • The tasks are detailed enough in general, so: Very good first tasks! 🥳
   • You could add another task, to render the list component in the index.js/homepage, or?
   • Do you want to style only the "list items"? You could change it to something more like "add minimal styling to the List component and index.js or even more open: "add minimal styling" 🤷‍♀️
   • Btw: when you type "`" around a word, it looks like a code snippet. Can be useful for example, for a specific file naming: Instead of list component you could writeEmotionList` component instead (just an example)