Develop the light mode navbar displayed on all the pages.
Purpose
It provides a component for showing the navbar.
Requirement
Ensure that the typography (text colors, font weights, font sizes, etc.) remains consistent with the design.
Ensure that the card design (border colors, background color, text content, etc.) remains consistent with the design.
Ensure the logo links to the application's home route.
Ensure that the component is responsive on mobile devices by displaying the hamburger shown in the design and implementing the mobile navbar that shows when the hamburger is clicked.
Pixel perfect implementaiton
Expected Outcome
A component that displays the navigation bar on all pages.
Testing
Make use of the react testing library to write unit tests for this component (Note that this library is already installed in the project codebase).
Test different scenarios/cases to model a real-life use of the component
Task
[ ] Create a navbar component and use all expected reusable components(buttons)
[ ] Make the navbar responsive for mobile devices.
[ ] Write unit tests to ensure the component works as expected.
Description
Develop the light mode navbar displayed on all the pages.
Purpose
It provides a component for showing the navbar.
Requirement
Expected Outcome
Testing
Task
Links
Images
Acceptance Criteria