Test Payment Component Application

Application github page

https://psdr03.github.io/acn-test-01/

Packages used

• typescript
• material ui
• react hook form
• moment - Required by datetime picker
• react payment inputs - For validation of credit card numbers
• mockAxios - For mocking the initial API call during the rendering of the application (unit tests)

Folder structure

• constants - contains a constants file where strings can be placed and imported in other files so as to avoid typos
• interfaces - contains interfaces file that can be imported throughout the application
• services - contains the services file where API calls are consolidated and imported throughout the application

Sample card numbers

React payment inputs uses Mastercard and Visa card numbers to check validity. Some valid card numbers for testing:

• 5555555555554444
• 5105105105105100
• 4111111111111111
• 4012888888881881