Este é um projeto criado como parte do desafio proposto pelo site Frontend Mentor. O objetivo do desafio é construir um formulário de cadastro de cartão de crédito utilizando React, TypeScript e a biblioteca de validação de esquemas Zod.
Você pode visualizar a demonstração do projeto aqui.
O formulário de cadastro de cartão de crédito é uma aplicação web desenvolvida utilizando a biblioteca React para a construção da interface do usuário. TypeScript é empregado para adicionar tipagem estática ao código, proporcionando um desenvolvimento mais seguro e robusto. Além disso, a validação dos dados do formulário é realizada utilizando a biblioteca Zod, garantindo que as entradas do usuário estejam corretas antes de serem enviadas.
O usuário pode preencher os campos do formulário, incluindo número do cartão, data de validade, código de segurança e nome do titular. A validação é realizada em tempo real, mostrando mensagens de erro conforme o usuário preenche os campos. A submissão do formulário é bloqueada até que todos os campos sejam preenchidos corretamente. A interface é responsiva, adaptando-se a diferentes tamanhos de tela para uma melhor experiência do usuário em dispositivos móveis e desktops.
