In this project developed during Alura's class JavaScript: validating forms I created all MoniBank's 'Open Account' page validations and addpted error messages for each input field. After the introduction of all correct data the user is redirected to the "facial recognition" page. This page uses the user's camera to capture an image into a Canvas file. When the user conclude the registration he's redirected to the opening confirmation page. I used Local Storage to store user's data. HTML and CSS codes were provided at the beginning of the class and I developed all JS code.
To see the final result, click here.
Don't forget to authorize the usage of your camera for capturing the image!
- JavaScript
- Local Storage
(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)
Neste projeto desenvolvido a partir do curso JavaScript: validando formulários, da Alura, criei todas as validações da página "Abrir Conta" do banco MoniBank e adaptei mensagens de erro para todos os campos. Depois da introdução de todos os dados corretamente, o usuário é redirecionado para uma página para fazer o "reconhecimento facial". Nessa página utilizei a câmera do usuário para capturar uma imagem em um Canvas e, quando o usuário finaliza a abertura da conta, é direcionado para uma última página de confirmação da abertura. Também utilizei o Local Storage para armazenar os dados do usuário. Os códigos HTML e CSS foram disponibilizado no início do curso e desenvolvi toda a parte de JS.
Para acessar o resultado final da página, clique aqui.
Lembre-se de autorizar o uso da câmera para realizar a captura da imagem!
- JavaScript
- Local Storage