Page Comparison

1

make the side menu responsive

Fix side menu on the left for desktop and tablet views (415px-).

No need to make any visual changes to the menu or the nav bar.

2, 4

2

side menu (desktop)

(mobile)

Create side menu for desktop view and mobile view

Ideally one component is used for the both views.

• reference: MUI’s list components seem useful.(IconDescriptionListItem cannot be an option since some of the menu items need to be collapsible)

• There’s a sample code for nested list in MUI’s documentation. Another option for the collapsed menu is to use ExpandableItem and useExpandable hook (the file name is useExpandableItem for some reason, sorry…)

3

3

side menu (tablet)

Create side menu for tablet view (415 - 1024px)

4

dropdown (desktop)

(mobile)

Update navigation bar and dropdown menu (drawer for the mobile view)