Checkout Form

Checkout component built with React, Tailwind, Formik and CSS 3D Transforms

Prerequisites

• Node
• yarn

Getting started

1. Clone the project

$ git clone https://github.com/gustavomonjardim/checkout-form.git

2. Install the dependencies:

$ yarn

3. Run the project

$ yarn start

4. Generating a production build

$ yarn build

Technologies

• Built with Create React App and React.
• Uses Tailwind CSS for styling.
• Uses Formik and Yup for building and validating forms.

Testing

You can run tests with the following command:

$ yarn test

To do

• Add environment variables to set the request time of the API and the total value of the purchase.
• Build the UI for the Bag and Confirmation steps.
• Add support to all card brands besides Visa.

License

Licensed under the MIT License.