Evento exclusivo e gratuito, promovido pela Rocketseat para ensino de tecnologias WEB. Neste projeto foi abordado manipulação da DOM através do JavaScript, mascaramento dos campos de data, cvc e do cartão, utilizando RegEx (expressões regulares) para identificar a bandeira do emissor através da numeração BIN do cartão. Também apliquei um modal para apresentar as mensagens da aplicação e uma animação tilt no cartão.
Deploy | Tecnologias | Projeto | Layout | Licença
O projeto está hospedado na Vercel e pode ser acessado através do link rocketpay-dam450.vercel.app
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML e CSS
- JavaScript e JSON
- Node e NPM
- Vite
- iMask
- Vanilla-tilt.js
O Rocketpay é um componente que simula o formulário de preenchimento de cartão de crédito, onde é possível adicionar máscara aos inputs e atualizar elementos HTML via DOM.
Você pode visualizar o layout Figma criado para esse projeto através DESSE LINK.
Esse projeto está sob a licença MIT.
Feito com ♥ by Dam450 e pela comunidade Rocketseat 👋 Participe da comunidade!