This project is a credit card checkout based on one of the DailyUI challenge interfaces. The main goal was to reproduce the chosen interface using Vue.js as its framework as well as its main practices.
In order to validate the credit card number information, Braintree's Card Validator library was used. Unit tests were also written in order to guarantee individual components functionality using Jest and Babel.
To run the project, it it necessary to install npm package manager. Initially, it is necessary to have all dependencies installed. For that, simply run on the project root:
npm install
Afterwards, it is necessary to run the application on your local server using:
npm run serve
And you're all set! If you want to run the project's unit tests and see a detailed log of the output, just run:
npm run test:unit
Below are some images of the application running in both web and mobile visualization:
