Add Payments (simple not VISA or Paypal) functionality in Existing Angular Material Website

I would like to create the Customer Payments function in my existing Angular Material Web Application. ( Only the front-end , the back-end program is not included in this project ) The following components must be created - please check the attached document for all details: - Add new button in Customers for Payment. and after the user clicks the button the new page opens - Add payments screen. - Alter the view charges screen of the Customer. - validation fields. Other: - The project already exists and the backend system has already been created. Mandatory requirements in the deliverable: 1) Clean & Well structured source code 2) Unit Tests for Every Component 3) Instructions how to run the tests & deploy the code 4) Follow the name conventions and file structure that exists already. If you really need to change it, you have to change it in the whole project. 5) Do not add more libraries in the package.json. If you really want to add a library, ask me beforehand. 6) When the server return 504, the client application must retry 9 more times. This will happen only the first time , because the server is in idle state only in the beginning. Notes: After the project is awarded , I will provide you the existing code and add you in Gitlab project as a developer. Please find attached the swagger file to get an idea. The paths that will be needed are the following: /payments:POST /customers/payments:GET Agreement: In order to receive the 100% of the amount you must complete and comply with all the above mandatory requirements.