Link to the app - https://menu-v.netlify.app/

1. Clone the repo
2. To intall node_modules npm i
3. To run the app npm run dev

File - menu.json [src\components\Navbar\data\menu.json]

The menu data is structured as an array of menu items. Each menu item represents a navigation item in the application's menu bar. Menu items can have categories, which further organize the content, and each category may contain subcategories.

1. id: (number) - Unique identifier for the menu item.
2. name: (string) - The display name of the menu item.
3. url: (string) - The URL associated with the menu item.
4. categories: (array) - Optional. An array containing category objects, if applicable.

1. id: (number) - Unique identifier for the category.
2. name: (string) - Optional. The display name of the category (used as heading).
3. url: (string) - The URL associated with the category.
4. subcategories: (array) - An array containing subcategory objects, if applicable.

1. id: (number) - Unique identifier for the subcategory.
2. name: (string) - The display name of the subcategory.
3. url: (string) - The URL associated with the subcategory.

[
  {
    "id": 1,
    "name": "Home",
    "url": "/",
    "categories": [
      {
        "id": 11,
        "name": "Main Categories",
        "url": "/main-categories",
        "subcategories": [
          {
            "id": 111,
            "name": "All",
            "url": "/all"
          }
          // Other subcategories...
        ]
      }
    ]
  }
  // Other menu items...
]

• Each menu item corresponds to a navigation link in the menu bar.
• Categories can be used to further organize content within menu items, and subcategories can be nested within categories.