Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/daraperini/learning-javascript-monibank

You can create your account in the MoniBank and use your camera to take a picture for the 'facial recognition' part of the process.
https://github.com/daraperini/learning-javascript-monibank

javascript localstorage

Last synced: about 2 months ago
JSON representation

You can create your account in the MoniBank and use your camera to take a picture for the 'facial recognition' part of the process.

Awesome Lists containing this project

README

        

# MoniBank

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](https://monibank-amber.vercel.app/).

*Don't forget to authorize the usage of your camera for capturing the image!*

## Used tools:

* JavaScript
* Local Storage

*(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)*

#

# MoniBank

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](https://monibank-amber.vercel.app/).

*Lembre-se de autorizar o uso da câmera para realizar a captura da imagem!*

## Ferramentas utilizadas:

* JavaScript
* Local Storage