Página demonstrativa e funcional de um formulário em multiplas etapas. Fiz esse projeto com o intuito de pôr em prática os conceitos de customização e classes utilitárias no contexto de TailwindCSS e continuar meus estudos com JavaScript vanilla.
A página foi desenvolvida tanto para celulares, usando a metodologia Mobile first, quanto para desktops.
O modelo apresenta quatro etapas que vão desde o cadastro de uma senha até o sumário contendo um resumo do que foi preenchido no formulário. A etapa 1 apresenta um validador de senhas simplificado feito como pretexto para praticar expressões regulares. Também aproveitei para explorar a simplicidade e agilidade que o Tailwind oferece para implementar animações. No processo também aprendi a implementar cookies de forma segura à prova de injections.
Por fim, o projeto utiliza de session storage para armazenar dados de planos escolhidos que serão lidos e manipulados para página de sumário, experimente e veja como funciona!
O link de acesso está na descrição.
ECMAScript 6Manipulação do DOMParadígma de orientação a eventosProgramação funcional