test

[ava-sim]

Creating Navigation Bar

Assigned to: @Jenn and @dilanur

Summary:

Build a reusable, responsive navigation bar that appears at the top of all pages. On the left hand side of the nav bar we want the logo, and on the right hand side please include the settings icon and the profile icon (see figma and photo below for reference).

Task (you don't have to follow this directly but you can use this as a guide!):

• Create the navigation bar tsx component in the src/app/components/nav file
• Add logo image
• Logo on left links to / (homepage)
• Add Setting icon
• Create link to settings landing page
• Profile icon on right shows user initials (from logged-in user data), for example: Ava Sim --> AS in the icon, if there are no initials default to blank icon
• Make responsive down to mobile screen size

Assets:

• Logo is in: /src/images/logo.png
• Figma is here