UI/UX: Admin Home Page

[NabeelLatheef14]

Create Admin Home Page Interface. The following UI/UX parts or Functionalities needs to be developed by this system enhancement issue.

1. Create Admin UI
2. Make temporary changes on the Admin Login page for login to Admin UI.

The following are the detailed explanation of each enhancement.

Create Admin UI

• Admin home page need to be loaded for the very first time when a worked login to the system
• Admin home page needs to be have Header, Menus and home page content.
• When ever an option from the menu is clicked the submenus needs be displayed just below the menus.
• Based on submenu selection side submenu needs to displayed.
• Based on the side submenu selection the content page needs to be loaded.
• If there are multiple menus and which doesn't have sufficient space to display all of them in a single column or row, then the last option in the row/column needs to be shown as other and whenever worker hover on it needs to be display the remaining menu options in a form of dropdown.
• All of these menu details needs to be fetched from a JSON file named menuData.json.
• Create all necessary components in src/AdminUI/Components

For reference: NB: This is not a final look. This is only for the demonstration purpose. Actual design and colors might be changed from the given reference.

Admin Login Page Changes

• Make temporary changes on the Admin Login component to login to Admin UI. This only for the UI testing purpose.
• Username: admin
• Password: qwerty

[NabeelLatheef14]

@JoelJohny - Can we go with the proposed design or do we need to rework on it?

[JoelJohny]

@NabeelLatheef14 For now, we can simply go over this design.