As a user
I want to click on a Menu-Button on the Header to navigate throw the application
Description
you see a hamburger-Menu on the right corner of the Header-Component, wich you can open and close and navigates you to the Homepage.
Acceptance criteria
[ ] By clicking on the Hamburger-Menu a new page open. For the moment I see the link to the homepage. (Later I will see a list of all available features and settings.
[ ] I can close the menu-page.
[ ] For now I see the Hamburger Menu in the header.
Tasks
[ ] Create Menu-Component with a export toggle-function using a state variable using useState(false)
[ ] the toggle-function use setOpenMenu(!menuOpen) to open and close the menu
[ ] to write the component reusable, you use the prop-names: closeIcon, openIcon.
[ ] With a ternary-operator you change the Icon according your action using the props for openIcon and closeIcon.
[ ] for the moment only the Link to the Homepage is returned.
[ ] For the moment the Menu-Component is returned inside the Header-Component with the props openIcon and closeIcon. Maybe later it will be returned at another position.
[ ] two React-Icons are imported, one Menu-Icon and one Close-Icon.
Value proposition
As a user I want to click on a Menu-Button on the Header to navigate throw the application
Description
you see a hamburger-Menu on the right corner of the Header-Component, wich you can open and close and navigates you to the Homepage.
Acceptance criteria
Tasks