É o #13 desafio #BORACODAR da RocketSeat
Tecnologias | Projeto | Layout | Collaborators |
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML
- CSS
- JavaScript
- React
- Git e Github
- Figma
- Next
O projeto Cartão de crédito foi realizado como parte do #13 desafio #BORACODAR da RocketSeat sugerido pelo professor Mayk Brito.
O desafio foi a criação de um form de cartão de crédito além do layout proposto disponível em Layout, algumas animações e interações.
Dependendo do número de cartão digitado, será detectado a bandeira do cartão automaticamente, para o botão de adicionar cartão ficar habilitado, é necessário preencher os campos.
A animação de virar o cartão, acontece quando o CVV fica em focus
Você pode visualizar o layout proposto pela RocketSeat através do da imagem abaixo. Disponibilizado pelo Figma durante o período do desafio.