O projeto store.Health surgiu a partir da minha necessidade em aprimorar meus conhecimentos em Javascript. store.Health é uma loja ficticia, meu objetivo era fazer a parte de login, cadastro e recuperar senha em uma unica página, e fazer uma simples validação no cadastro.
projeto prototipado 100% por mim no Figma
- manipulação de arrays e strings
- animação dos elementos no DOM
- validação do cadastro com condicionais
- dividir o código em modules para melhor manutenção
- set timout em alguns botoes para melhor experiencia do usuario
- página inicial
- página apenas por estética, não possui funcionalidade de logar
- animação opacity 0 to 1 e transform translate
- verificação simples no input.value do email
- se input.value incluir '@' e '.com', enviar email
- com certeza a parte mais complexa do projeto
- nessa parte aprendi muito sobre manipulação de array, strings, loops e condicionais
- criei um span para manipular o texto conforme as codições
- se todos os campos estiverem vázios, o span receberá o valor campos obrigatórios, e a borda dos inputs trocará de cor
- o confirmar senha tem que ser igual a senha inserida
- para o formato de email, usei a mesma validação que fiz no 'recuperar senha'
- caso os valores do input estiverem preenchidos, email válido, senha confirmada corretamente e ipunt checkbox 'concordo com os termos' = true. aparecerá um pop-up modal com as informações passadas durante o cadastro!