Add Toast Notification to Components

Introduction to ngx-toastr

When building a web application, it’s always good practice to display notification messages based on the end users’ actions, which helps create a better user experience. For instance, when a user submits a form, they should get notified if it was successfully submitted or not, and this is done best through toast notification.

In this project, we’ll use an npm package called ngx-toastr to set up our toast notification. The ngx-toastr is an npm package well suited for Angular, and it has features such as the following:

• AoT compilation and lazy loading
• Customized notifications for specific components
• Compatibility with @angular/animations
• Toast component injection

Note: We can follow the instructions in the appendix to install ngx-toastr to our application.