User Story - Card Flip Icon, Icons for Navigation Bar and coloring of active page

[Nesssaaa]

Value proposition

As a user I want to click on icons. I want to see on the navigation-bar, on wich page I'm actually on. In order to have a better user-experience

Description

• [ ] Text of buttons and navigation-bar is changed to Icons
• [ ] The background-color of the active-page at the navigation-bar stands-up with a different color.

  Acceptance criteria

• [ ] By clicking on the navigation-bar, I see the active page is in contrast to the other pages with a different background-color
• [ ] I click on specific Icons for the navigation-bar and the Icons inside the card

  Tasks

• [ ] Import of useRouter at the navigation.js component.
• [ ] Set the property of list-Item to isActive, when router.pathname is the same as the corresponding name of the page.
• [ ] add functionality to Navigation.styled.js with isActive-property and a ternary-operator for different background-colors
• [ ] istall the react-Icons-Library (https://react-icons.github.io/react-icons/)
• [ ] Add the specific Icons to the buttons

[MareikeFla]

Hi, sounds like a good idea! Do you already decided on icons for every page? They could be part of the US. Have fun coding!