User Story 8: Navigation Bar

[marcelherr]

Value Proposition

As a user I want to see a nav bar in order to be able to navigate easily through the application.

Description

Acceptence Criteria

• The application displays a navigation bar at the bottom of each page.
• The navigation bar includes links to the esssential pages of the application: HomePage, ReportsPage and NewEntryPage.
• Each navigation link is visually distinguishable and clearly labelled, providing intuitive navigation for users.
• When a user clicks on a navigation link, the application navigates to the corresponding page.
• The navigation bar remains consistently visible and accessible as the user scrolls through the application's content.
• The active page is highlighted by color in the navigation bar.

Tasks

• [x] Create feature branch feature/navigation-bar
• [x] Create and implement NavigationBar component
• [x] Implement the component at the bottom of every page with the highest z-index
• [x] Add navigation links for HomePage, ReportsPage and NewEntryPage
• [x] Create a color variable and apply it to the link that corresponds to the active page
• [x] Delete the Back link on all pages
• [x] Make sure that nothing is covered by the navigation bar

[Larissartoricader]

Suggestion as Task: Make sure that all content provided on the transaction page is visible if the nav bar is fixed on that page; otherwise, the last information at the bottom of the page will be covered by the nav bar. (🫣 We just had the same issue)

[marcelherr]

Thank you for the hint, we will take that into consideration.

[arne-witteler]

Except for the last acceptance criteria, everything LGTM