https://github.com/walissonrodrigo/explorer-lab-01
Rocketpay is a component that simulates the credit card filling form, where it is possible to add mask to the inputs and update HTML elements via DOM.
https://github.com/walissonrodrigo/explorer-lab-01
Last synced: 5 months ago
JSON representation
Rocketpay is a component that simulates the credit card filling form, where it is possible to add mask to the inputs and update HTML elements via DOM.
- Host: GitHub
- URL: https://github.com/walissonrodrigo/explorer-lab-01
- Owner: WalissonRodrigo
- Created: 2022-10-19T02:01:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-20T17:33:07.000Z (over 3 years ago)
- Last Synced: 2025-07-13T05:58:08.674Z (about 1 year ago)
- Language: HTML
- Homepage: https://explorer-lab-01-walisson-rodrigo.vercel.app
- Size: 301 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Explorer Lab #01
Exclusive and free event, promoted by Rocketseat for teaching WEB technologies.
Technologies |
Project |
Layout |
License
## 🚀 Technologies
This project was developed with the following technologies:
- HTML e CSS
- JavaScript e JSON
- [Node e NPM](https://nodejs.org/)
- [Vite](https://vitejs.dev/)
- [iMask](https://imask.js.org)
## 💻 Project
Rocketpay is a component that simulates the credit card filling form, where it is possible to add mask to the inputs and update HTML elements via DOM.
How to improve it was included the ELO flag with validation for the beginning of these cards that can be tested using the following initial sequences:
`636368 | 438935 | 504175 | 451416 | 636297 | 5067 | 4576 | 4011`
Also contains bitcoin as a choice but without validation so it can only be tested via browser using browser console. To do this, open the browser's DevTools (F12) and type the following command:
```bash
setCardType("bitcoin")
```
## 🔖 Layout
You can view the project layout through [THIS LINK](). You need an account on [Figma](https://figma.com) to access it.
## :memo: License
This project is under the MIT license.
---
Fork made with ♥ by Rocketseat :wave: [Join our community!](https://discord.gg/rocketseat)
Translated Readme by [Walisson Rodrigo](https://linkedin.com/in/walissonrodrigo)