badabam/lean-coffee-board-2022

lean-coffee-board-2022's Issues

Form for new cards

Value statement - a requirement, not a solution

As a user
I need to create new cards
so that we can have different topics in our discussions

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• Save data to localstorage
• Back button brings you back to startpage and empties the form
• Create button adds a new card to startpage at the top
• Create button empties the form and sets focus to text input
• Button is disabled until both inputs are filled (with anything but whitespace characters)
• Add card button (startpage) is fixed at the bottom of the screen (and not pushed down by cards)
• The url does not change

Tasks

• Feature branch
• Button component w/ storybook and tests
• Form component w/ storybook and test
• Update App with components and logic
• Add localStorage

Complexity

medium

Card with Author

Value statement - a requirement, not a solution

As a user
I need to know the card's author's name
so that I know with whom to discuss the card

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• Author should be right-aligned
• Author should be "dotted out", if too long (John Verylongnamethatdoesnot...) to fit in one row

Tasks

• feature branch
• update component test
• add example for normal and long author in storybook
• update component

Complexity

low

Remember author

Value statement - a requirement, not a solution

As a user
I need to have my name saved
so that I don't have to write it correctly for each card

Description (Text, Scribble, Wireframe, Design)

• First time, form is as before
• After first card, see wireframe

Acceptance criteria

• Author is saved in browser
• Click on "edit" shows form with two inputs and "author" prefilled and the value is selected
• Click on "edit" does not delete card text (input above author)
• Click on "back" keeps the last saved author

Tasks

• Feature branch
• Update form component (with new storybook stories and tests)
• Add logic
• Use localStorage

Complexity

medium

List of Cards

Value proposition (user story)

As a student
I want to have a list of the most frequent questions
I order to know that I did not miss anything important.

Description (text, scribble, wireframe, design)

Text:

• delivered by Jerry

Acceptance criteria

• Sorted alphabetically ascending

Complexity (low, medium, high)

low

Tasks

• Create feature branch
• Build card component (storybook)
• Write tests for card component
• Add cards to App
• Add global styles