User Story 7 - Creating Navigation Bar

[Jessica-Windoffer]

Value proposition

As a user I want to navigate through the main existing functions In order to get a better overview where I am and navigate through different pages more quickly.

Description

Acceptance criteria

• On every page (Homepage, Add Activity, List of Activities) the NavBar is visible
• The NavBar is placed at the bottom of the page
• The NavBar consists of the separated areas with three different Icons
• Each Icon clearly displays the part of the app where it leads to (e.g. House Icon for Home, Plus for Adding Activity)
• The Links work correctly navigating the User to the correct page

Tasks

• [x] Create feature branch feature/create-navbar
• [x] Create NavBar-component
• [ ] Add basic styling to NavBar(e.g. background color, padding, margin etc.)
• [ ] Add corresponding icons for each page (Home, List of activities, Adding Activity)
• [ ] Embed the corresponding link into the icons using next native routing
• [ ] Implement NavBar in all pages so that it is displayed

[F-Kirchhoff]

Hey Activity Team, your user story looks great, please adjust your tasks such that you use the next native routing e.g. different page files. You won't need react router but simply a separate page file for each of your pages. In general you did a great job at splitting up your features (activity of the day and navigation).

[H-Alguen]

Hey,the middle link in the navbar leads to an empty page. Or what should be displayed there?