https://github.com/allanr1991/alura-monibank-validandoformulariocomjs

Este projeto permite fazer um cadastro com validações personalizadas e habilita a câmera do usuário para poder capturar uma foto para o cadastro.
https://github.com/allanr1991/alura-monibank-validandoformulariocomjs

async-await foreach-loop localstorage mediadevices setcustomvalidity validacaocustomizada validacpf validaidade validity validity-check

Last synced: 4 months ago
JSON representation

Este projeto permite fazer um cadastro com validações personalizadas e habilita a câmera do usuário para poder capturar uma foto para o cadastro.

• Host: GitHub
• URL: https://github.com/allanr1991/alura-monibank-validandoformulariocomjs
• Owner: AllanR1991
• Created: 2023-12-30T00:46:18.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-02T12:40:28.000Z (over 2 years ago)
• Last Synced: 2025-07-26T05:49:22.299Z (11 months ago)
• Topics: async-await, foreach-loop, localstorage, mediadevices, setcustomvalidity, validacaocustomizada, validacpf, validaidade, validity, validity-check
• Language: HTML
• Homepage: https://allanr1991.github.io/alura-moniBank-validandoFormularioComJS/
• Size: 2.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Projeto MoniBank

Projeto criado para aprendizado de JavaScript com utilização da camera para captura e validações personalizadas:

-  Async / Await

-  Export default

-  Export com Objeto.

-  Import

-  Type:module

-  Validação personalizada com validity

-  LocalStorage

-  window.location.href

-  Eventos

-  Regex

-  Pattern

Esse projeto permite se cadastrar em um banco atraves de um formulario com validações e tirando uma foto para ser armazeda no sistema.

Tela inicial.

![_C__Users_allan_OneDrive_81rea20Trabalho_alura-moniBank-validandoFormularioComJS_index html](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/d8ecaa83-665d-4712-b0dd-51c1079708f2)

Tela Cadastro

![allanr1991 github io_alura-moniBank-validandoFormularioComJS_pages_abrir-conta-form html](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/9864b7a6-dc92-4fd8-99ef-339dbd0f74ef)

Tela para ativar a camera

![allanr1991 github io_alura-moniBank-validandoFormularioComJS_pages_abrir-conta-form-2 html](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/b3582f4f-6e25-4629-ac27-6e304f035319)

Camera ativa

![127 0 0 1_5500_pages_abrir-conta-form-2 html](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/9c6df573-f97e-4dbe-aa5e-7e82abd33d6d)

Tirado foto

![127 0 0 1_5500_pages_abrir-conta-form-2 html (1)](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/0afd6e17-7634-42c3-b57c-1e9b1ed507c7)

Finalizado

![127 0 0 1_5500_pages_abrir-conta-form-3 html](https://github.com/AllanR1991/alura-moniBank-validandoFormularioComJS/assets/22855740/e85ef7ac-653c-4db6-8301-e772c6015629)

## Recursos utilizados durante o desenvolvimento:

-	SO:

	-	![Windows 11](https://img.shields.io/badge/Windows%2011-%230079d5.svg?style=for-the-badge&logo=Windows%2011&logoColor=white)

-	Prototipação:

	-	[![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)](https://www.figma.com/file/P3Z6b8zTDPnHqzvDTDoUND/ProjetoGamerAllan?node-id=0%3A1&t=QQMxjqAig74uKM0z-1)

-	Editor de código:

	-	![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)

	-	Extensões:

		-	EsLint.

		-	Live Server.

		-	GitLens.

		-	CSS Var Complete.

		-	HTML CSS Support.

		-	IntelliSense for CSS class .

		-	open in browser.

		-	Dracula Official		

-	Linguagens utilizadas:

	-	![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)	![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)	![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)	![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=for-the-badge&logo=markdown&logoColor=white)	

-	Navegadores Utilizados Durante desenvolvimento:

	-	![Edge](https://img.shields.io/badge/Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white)	![Google Chrome](https://img.shields.io/badge/Google%20Chrome-4285F4?style=for-the-badge&logo=GoogleChrome&logoColor=white)	![Firefox](https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge&logo=Firefox-Browser&logoColor=white)

-	Controle de Versionamento:

	-	![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)	![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)

-	Base de estudos:

  - [![Alura]( https://img.shields.io/badge/-Alura-blue)](https://www.alura.com.br/)

    

	

## Desenvolvedor

[
| 🙋🏼‍♂️ Allan Rodrigues dos Santos |](https://github.com/AllanR1991)