Search⌘ K
AI Features

Creating Modules for Our Client Contact Manager Application

Explore how to build and organize an Angular application by creating multiple NgModules, including ClientModule and CompanyModule, to manage distinct app sections effectively. Understand the role of AppModule in connecting these modules and learn how to update imports for a scalable Client Contact Manager app.

Sections of the application

Now that we know how to use the Angular CLI to create modules, we can move forward with our Client Contact Manager application. Let’s review the application we’re building and see how we can use our knowledge of modules to start building out the functionality of the application.

The application we’re building consists of two main sections: Client and Company.

Client section

In the Client section, the user will be able to do the following:

  • View a list of their clients
  • Add a new client
  • Search for a client
  • Edit a client’s details
  • Delete a client

Company section

While in the Company section, they will be able to do the following:

  • View the list of companies
  • Add a new company
  • Search for a company
  • Edit the details of a company
  • Delete a company

Both use cases are very similar, but we can clearly see a need for two separate sections in the application. For example, The ...