dustanisci / formulario-vanilla-js

Endereço de acesso: https://dustanisci.github.io/formulario-vanilla-js/

Home Page:https://dustanisci.github.io/formulario-vanilla-js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Formulário de pessoa física

Formulário e consulta simples pessoa física - Javascript Vanilla.

Endereço de acesso: https://dustanisci.github.io/formulario-vanilla-js/

Descrição: Desenvolvido através de javascript por web components, onde possui componentes reutilizáveis. Possui duas telas, cadastro e listagem de pessoas físicas, em cadastro existem regras no formulário, das quais são: por quantidade mínima de caracteres nos campos, validação do CPF se já foi cadastrado anteriormente, verifica se o e-mail foi digitado corretamente e se os campos foram preenchidos por completos.

Tecnologias utilizadas:

  • Javascript
  • HTML 5
  • Pré-processador SCSS
  • CSS 3
  • Web Components
  • Helpers de validação de formulário e máscaras
  • Layout responsivo
  • Conventional Commits
  • LocalStorage
  • Boas práticas de programação e padrões de projetos
  • 17 Testes unitários com jest nos arquivos mask-helper e form-validation

Componentes reutilizáveis com responsabilidade e estilos isolados:

  • Modal
  • Loader
  • Input
  • Button

Como eu executo o projeto e os testes? Existem duas formas de executá-lo.

  • O link informado anteriormente, bem prático ;D
  • Instalar o npm install -g live-server e executar o comando npm run start
  • Os testes do Jest através do npm i e depois npm run test ou apenas jest.

About

Endereço de acesso: https://dustanisci.github.io/formulario-vanilla-js/

https://dustanisci.github.io/formulario-vanilla-js/


Languages

Language:JavaScript 76.2%Language:SCSS 13.6%Language:HTML 10.2%