As a user of the DIY App
I want the app to work appropriately
In order to have a good user experience.
Description
Acceptance criteria
a fix/static Header is shown on every page. it contains App title, search icon and the Burger-Menu.
the APP title is a link back to HomePage
if filter results = 0 => a information for user and link back to all projects is shown
a placeholder text on the "Add new Project" form field for duration informs the user about the format that should be used
project titles have a maximum length of 50, so the overview of projects have an overall nice look
will be done in later US ("UI bug fix"): display of what is sorted or filtered or searched is shown to the user
will be done in later US ("UI bug fix"): a cancel icon can be used for search field to close/hide this section
Tasks
[x] create feature branch feature/refactor
[x] change folder name StyledComponents.js to StyledComponents
[x] implement Header with App title and Search- & Burger Menu, fix it on top position
[x] add information for user, if filter results = 0, use StyledModal
[x] fix addProject, so that the modal opens on overview page instead of burger menu
[x] set maximum length for the project name in add/edit form
[x] placeholder text for duration that gives hint: please use integer number and "hours/days/weeks/months"
[x] will be done in later US ("UI bug fix"): implement display of what is sorted or filtered or searched
[x] will be done in later US ("UI bug fix"): add cancel function in StyledSearchField (in index.js), use cancel icon
[x] will be done in later US ("UI bug fix"): fix bug: filtering projects on the Homepage lead to filtered favorite, instead of ALL favorites (can lead to empty fav- even though it may not be empty)
Value proposition
As a user of the DIY App I want the app to work appropriately In order to have a good user experience.
Description
Acceptance criteria
Tasks
StyledComponents.js
toStyledComponents