Navigation Bar

[sristii]

📝 Task Description

Build a standardized navbar component based on the Figma.

The navbar will be a key navigational element used across multiple pages. It should be reusable and fully responsive for various screen sizes.

Be sure to push & pull from the dev branch

✅ Acceptance Criteria

• Is the navbar component usable across different pages?
• Is the styling of the navbar aligned with the design in Figma?
• Is there proper hover and active state styling for the navbar links?
• Is the navbar fully responsive (mobile and desktop views)?

🔍 Subtask Breakdown

• Navbar Component:

  • Handles navigation to corresponding pages when links are clicked.
  • Implements hover and active states for links, following Figma styles.

• Responsiveness:

  • Ensure the navbar adapts to both mobile and desktop views (e.g., collapsible menu for mobile).

If you know of a more intuitive approach to implementing this, feel free to do so!

💫 Recommended Approach

1. Start by building and styling the basic navbar component.
2. Build blank pages for About, Projects, and Apply --> add navbar onto pages and make sure the links work
3. Ensure responsiveness by testing on both mobile and desktop views.
4. Integrate touch/hover effects for all interactive elements.

Use Dev Mode & Preview Mode in Figma to ensure the implementation accurately reflects the design.

✨ Resources ✨

• Creating a Navbar Component in React
• Tailwind Navbar