As a web developer
I want to define the design elements
so that the app is more attractive and handy to use
Description
The wireframes of User Story 1 – 12 are the prototypes for this user story
Acceptance criteria
[ ] All buttons have a design, color to express the use of the button. Buttons to accept or cancel a change or even delete an item are provided with an additionally icon.
[ ] The design of edit trip looks similar to the add trip form
[ ] All text elements like headlines and the main text have a defined appearance
[ ] The app elements have a unique colour concept
[ ] The styling of content elements is harmonious
[ ] The packing list provides a harmonious design for
[ ] an input field to add an item
[ ] also to update items optionally
[ ] also to delete items optionally
[ ] also to check items as done
[ ] All messages have a similar design and inform the user
Tasks
[ ] Create a feature branch feature/design-refinements
[ ] Define styled components for all buttons
[ ] with an CTA (submit, cancel, delete) and
[ ] buttons to navigate (back-button, edit button, …)
[ ] integrate svg.-icons to enhance the usability
[ ] Define a color sheme for the styled components
[ ] Define <h1>, <h2>, <h3> and <main> text in size, weight, colour
[ ] Define styled components for the packing list and its offered features like add, update, delete and complete an item
[ ] Define and implement already existing styled components for the edit trip form.
[ ] Implement a unique design for ConfirmDelete and ConfirmationMessage
Value proposition
As a web developer I want to define the design elements so that the app is more attractive and handy to use
Description
The wireframes of User Story 1 – 12 are the prototypes for this user story
Acceptance criteria
edit trip
looks similar to theadd trip
formTasks
feature/design-refinements
<h1>
,<h2>
,<h3>
and<main>
text in size, weight, colourConfirmDelete
andConfirmationMessage