Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epiled/monibank
🏛 Projeto final do curso JavaScript: validando formulários 🏛
https://github.com/epiled/monibank
css html html-css-javascript javascript js
Last synced: about 1 month ago
JSON representation
🏛 Projeto final do curso JavaScript: validando formulários 🏛
- Host: GitHub
- URL: https://github.com/epiled/monibank
- Owner: Epiled
- License: mit
- Created: 2023-08-30T13:36:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-29T12:59:29.000Z (about 1 year ago)
- Last Synced: 2023-10-29T13:33:46.111Z (about 1 year ago)
- Topics: css, html, html-css-javascript, javascript, js
- Language: HTML
- Homepage: https://epiled.github.io/monibank/
- Size: 2.29 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![minibank](https://github.com/Epiled/monibank/assets/55258483/61220f15-5f6f-4616-961c-f64a28c4693a)
💰 🏛 MoniBank 🏛 💰
Projeto final do curso JavaScript: validando formulários
curso ministrado pela instrutora
Mônica Mazzochi Hillman.![Badge](https://img.shields.io/github/last-commit/Epiled/monibank?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/code-size/Epiled/monibank?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/count/Epiled/monibank?style=for-the-badge)
![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)
![Bagde](https://img.shields.io/github/v/release/Epiled/monibank?style=for-the-badge)
![Bagde](https://img.shields.io/github/license/Epiled/monibank?style=for-the-badge)![Badge](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![Badge](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![Badge](https://img.shields.io/badge/-JS-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)📑 Tabela de Conteúdos
* [Sobre](#sobre)
* [Topicos Desenvolvidos](#topicos-curso)
* [Demonstração](#demonstracao)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Arquivos Locais](#arquivos_locais)
* [Tecnologias](#tecnologias)
* [Autor](#autor)👩🏫 Topicos desenvolvidos no curso
* Saiba como aplicar atributos de validação de formulário com HTML5
* Construa validações para os dígitos verificadores do CPF
* Implemente validações de maioridade a partir da comparação de datas
* Customize mensagens de erro para cada tipo de campo do formulário
* Integre a webcam do usuário em uma tela do navegador
* Capture fotos via webcam
* Salve e edite dados salvos no navegador👀 Demonstração
No link abaixo você pode ver a página no ar e rodar seus próprios testes
MoniBank: epiled.github.io/monibank/
![monibank_desktop](https://github.com/Epiled/monibank/assets/55258483/08fad58a-78ba-4dd4-9b89-915cf47bbea4)
⚙ Instalação
```
1. git clone https://github.com/Epiled/monibank.git
2. cd monibank
```👩🏫 Como usar
Arquivos Locais
Nesse ponto o projeto já pode ser executado no navegador através do arquivo "index.html" executando o live server nele.
Após isso acesse a URL "http://localhost:5500/monibank-main/pages/abrir-conta-form.html" para testra o formulário.
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor
![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)
[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)