UI Architecture

The new UI is being developed using REACT.js.

Below shows the current architecture of the UI:

The current React hierarchy architecture formed from the current architecture above:

Addressbook: Holds main functionalities that connect it's three children: Sidebar, Header and Contact Section.

Sidebar: Holds search bar, import, export, selecting contacts functionalities.

Contact Section: Holds contact fields information, i.e. email, phone, address