Create a Manage Saved Card Module

Need to create a Manage Saved Card Module. The following points should be covered:

The module should have 3 main features - View Cards, Add Card, Remove Card

View Card:
Show a list of the saved cards of a user. Use static JSON data to store the information.
There will be a button to remove each card for each list item.

Add Card:
Clicking on the Add Card button will open a popup containing the Add Card Form. Use appropriate validations wherever needed.

Remove Card:
Clicking on the Remove Card button will open a confirmation popup. If the user confirms, the card should be deleted and the popup should be closed.

Key points:
Animations/Transitions are optional
Card Type Filtration is optional
Framework to be used for this assignment should be Angular 2+ preferably Angular 6+
Use Angular Material for developing UI

Please ensure the below points:
1. Card numbers should be masked and the cards sorted.
2. We must not be able to add the same cards again and again.
3. We must not be able to add the expired cards, and there must be validation on month and year.
4. Validation messages on the add card screen.
5. Add card button is should be in sync with the entire form.
6. There must be success messages.
7. We must not be able to add invalid card numbers.
8. We must be able to add an AMEX card as it has 15 digits and 4 digit CVV.

Let me know for any further clarifications.