The Architecture of Our Client Contacts Manager Application
Understand how to design an Angular application by examining its architecture including modules, components, and services. Learn to model data with TypeScript interfaces for contacts, companies, and salespersons. This lesson demonstrates the structure and key features for building a client contacts manager app.
Application features
We’ve already spoken about it a couple of times, but throughout this course, we’ll be building a Client Contacts Manager application for the desktop browsers using Angular. Since we’ve been looking at the Angular architecture, we are now going to take a high-level look at the architecture of the Angular version.
The main features of this application are as follows:
- View a list of contacts
- Search through the available contacts
- View the details of a selected contact
- Edit the details of a contact
- Add a new contact to the system
- Remove a contact
There’s also going to be a Company section because each contact must belong to a company, as our fictional salesperson needs to be able to find the contacts for a particular company.
So, in the Company section, the salesperson will be able to do the following:
- View all the companies
- Search for