readme-en.md

🇺🇸 English

🇧🇷 Português

IMask in React

Gif   |    Technologies   |    About   |    Cloning   |    Contact

📹 Project Gif Presentation

Access the project online HERE

🚀 Technologies Used

• ReactJS
• iMask
• Styled-Components
• Regex
• ViteJS
• NodeJS
• npm
• Javascript
• CSS
• HTML

📝 About

Originating from my GenCard project, this was a simple project developed with the aim of showing how to use IMask in React with regex to a friend who needed help with his work.
The MasterCard regex was used as an example: If the number typed in the input is from MasterCard, the border of the input turns green, otherwise it turns red.
Example MasterCard numbers: 5349 0234 9207 3492, 2329 7329 4792 3759.

📖 Cloning the Project

To clone and run this project on your computer you will need Git and Node.js v16.13.2 or higher and previously installed.
After that, in the terminal:

# Clone this repository with:
> git clone https://github.com/Luk4x/react-imask.git

# Enter the repository with:
> cd react-imask

# Install dependencies with:
> npm install

# Run the project with:
> npm run dev

# Once this is done, you will be able to access the project through the link that will appear in the terminal! (something like http://localhost:3000/ or http://127.0.0.1:5173/)

🤝 Contributor Contact

Vitrine.Dev 🪟 Lucas Maciel

Back to Top