Skip to content

devAndreNicolas/simple-regex

Repository files navigation

Guia e Gerador de Regex

Este projeto é uma aplicação web interativa que serve como um guia de expressões regulares (Regex) e uma ferramenta prática para gerar e testar padrões. O objetivo principal é ajudar usuários, especialmente iniciantes, a entenderem a sintaxe e o poder das regex de uma forma guiada e intuitiva.

A aplicação inclui um modal com um guia passo a passo que ensina os conceitos de Regex, desde os caracteres básicos até os quantificadores, e orienta o usuário sobre como utilizar as ferramentas de geração e teste disponíveis no sistema.

Funcionalidades

  • Guia Interativo de Regex: Um modal que conduz o usuário através de um tutorial em múltiplos passos para aprender Regex.

  • Aprendizado Guiado: O guia aborda a sintaxe básica, quantificadores e explicações detalhadas para cada conceito.

  • Integração com o Sistema: O guia instrui o usuário sobre como usar as funcionalidades de Gerador Guiado e Testador do projeto principal.

  • Interface Intuitiva: Criada com o Angular Material para garantir uma experiência de usuário fluida e responsiva.

  • Validação de Prática: Um passo final onde o usuário pode praticar seus conhecimentos de regex validando um e-mail.

Tecnologias Utilizadas

  • Angular: Framework para o desenvolvimento da aplicação.

  • Angular Material: Biblioteca de componentes de UI para uma interface consistente e visualmente agradável.

  • TypeScript: Linguagem de programação para o desenvolvimento do componente.

  • HTML & CSS: Para a estrutura e estilização da interface.

  • Reactive Forms: Módulo do Angular para gerenciamento dos formulários de validação.

Instalação e Uso

Para executar este projeto localmente, siga os passos abaixo:

  1. Clone o repositório:

    git clone [https://github.com/devAndreNicolas/simple-regex](https://github.com/devAndreNicolas/simple-regex)
    cd seu-repositorio
    
  2. Instale as dependências:

    npm install
    
  3. Execute a aplicação:

    ng serve
    
  4. Abra seu navegador e navegue até http://localhost:4200/. A aplicação deve estar em execução e pronta para uso.

Contribuição

Contribuições são bem-vindas! Se você encontrou um bug ou tem uma sugestão de melhoria, sinta-se à vontade para abrir uma issue ou enviar um pull request.

Autor: [André Nicolas Pires Terto Silva]

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published