Interactive card details form

This is a solution to the Interactive card details form challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshot
  • Links
  • Made with
• Notes
• Author

Overview

Screenshot

Links

• Github repository: Repository
• Live Site URL: Live Website

Made with

• ViteJS
• ReactJS
• ChakraUI
• React-Hook-Form
• Zod
• React-Number-Format

Notes

• The form checks if inputs are valid or not (Is non-numeric name, 16 digit card number(with 3 spaces), valid month, etc).
• Live input shows on card previews.

Author

• Frontend Mentor - @WesleyMaik
• Twitter - @WesleyMaik