Luk4x / react-imask

IMask in React - A template to use IMask in ReactJS | ReactJS, IMaskJS, Styled Components...

🇺🇸 English

🇧🇷 Português

IMask in React

Gif   |    Tecnologias   |    Sobre   |    Clone   |    Contato

📹 Apresentação em Gif do Projeto

Acesse o projeto online AQUI

🚀 Tecnologias Utilizadas

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

📝 Sobre

Originado do meu projeto GenCard, este foi um projeto simples desenvolvido com o objetivo de mostrar como usar IMask em React com regex para um amigo que precisava de ajuda com seu trabalho.
O regex da MasterCard foi usado como exemplo: Se o número digitado no input for da MasterCard, a borda do input fica verde, caso contrário, fica vermelha.
Exemplo de números da MasterCard: 5349 0234 9207 3492, 2329 7329 4792 3759.

📖 Clonando o Projeto

Para clonar e executar este projeto em seu computador, você precisará do Git e Node.js v18.12.1 ou superior previamente instalados.
Feito isso, no terminal:

# Clone esse repositório com:
> git clone https://github.com/Luk4x/react-imask.git

# Entre no repositório com:
> cd react-imask

# Instale as dependências com:
> npm install

# Execute o projeto com:
> npm run dev

# Feito isso, você já poderá acessar o projeto pelo link que aparecerá no terminal! (algo como http://localhost:3000/ ou http://127.0.0.1:5173/)

🤝 Contato dos Contribuintes

Vitrine.Dev 🪟 Lucas Maciel

Voltar ao Topo