Skip to content

#6: Create Navbar #46

Description

@AnanthKini1

Quote

"Ey neymar, sunny init" - Marcus Rashford

Description

This PR adds a persistent navbar so users can move between the Users page, Projects/NPO page, and future pages

Instructions

Task

  • Create client/src/components/Navbar.jsx
  • Include links/tabs for: Users, Projects (NPO info), and a pattern for adding future pages
  • Navbar should be visible on every page (mount it above the routed content, not per-page)
  • Highlight the currently active page/tab
  • Use React Router so navigation doesn't trigger a full page reload

Example of what a navbar looks like (pages not made for our usecase)

Image

Acceptance Criteria

  • Navbar.jsx created
  • Links to Users and Projects pages
  • Navbar persists across all pages
  • Active page is visually indicated
  • Navigating between pages does not fully reload the page
  • Structured so adding a new link later is straightforward

Resources

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions