Identifying high-level modules with site map

Develop a high-level site map of your application, as shown:

Landing pages for users
I used MockFlow.com's SiteMap tool to create the site map shown at https://sitemap.mockflow.com.

Upon first examination, three high-level modules emerge as lazy-loading candidates:

  1. Point of Sale (POS)
  2. Inventory
  3. Manager

Cashier will only have access to the POS module and component. The Clerk will only have access to the Inventory module, which will include additional screen for Stock Entry, Products, and Categories management components.

Inventory pages

Finally, the Manager will be able to access all three modules ...

Get Angular 6 for Enterprise-Ready Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.