https://github.com/gsantos99/rocketpay

Componente que simula o formulário de preenchimento de cartão de crédito
https://github.com/gsantos99/rocketpay

css3 html5 javascript json nodejs npm-module vitae

Last synced: 1 day ago
JSON representation

Componente que simula o formulário de preenchimento de cartão de crédito

• Host: GitHub
• URL: https://github.com/gsantos99/rocketpay
• Owner: Gsantos99
• Created: 2022-10-18T22:25:25.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-24T01:37:28.000Z (about 2 years ago)
• Last Synced: 2023-03-08T21:57:25.655Z (over 1 year ago)
• Topics: css3, html5, javascript, json, nodejs, npm-module, vitae
• Language: HTML
• Homepage: https://rocketpaygs.vercel.app/
• Size: 226 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Explorer Lab #01: RocketPay 




O Explorer lab é um evento exclusivo e gratuito, promovido pela Rocketseat para ensino de tecnologias WEB. 





  Tecnologias   |   

  Projeto   |   

  Layout   |   

  Licença





  








  



## 🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- HTML e CSS

- JavaScript e JSON

- [Node e NPM](https://nodejs.org/)

- [Vite](https://vitejs.dev/)

- [iMask](https://imask.js.org)

## 💻 Projeto

O Rocketpay é um componente que simula o formulário de preenchimento de um cartão de crédito, onde é possível adicionar máscara aos inputs e atualizar elementos HTML via DOM. Dependendo da bandeira do cartão inserido o layout da página irá mudar, essas atualizações são feitas utilizando javaScript e IMask.  

## 🔖 Layout

Você pode visualizar o layout do projeto através [DESSE LINK](https://www.figma.com/file/gpqavL469k0pPUGOmAQEM9/Explorer-Lab-%2301/duplicate). É necessário ter conta no [Figma](https://figma.com) para acessá-lo.

## :memo: Licença

Esse projeto está sob a licença MIT.