Visualização do Projeto: https://notas-app-vanilla-js.netlify.app/
O intuito deste projeto foi criar um sistema de notas utilizando HTML, CSS, um pouco de Bootstrap, e Javascript puro.
Obs: Para visualizar a estilização da aplicação basta acessar a pasta acima intitulada "Layout do projeto".
Neste projeto é utilizado o localStorage
para armazenar as notas que o usuário criou e impedir que após a página ser atualizada ou fechada o mesmo perca as suas anotações, armazenando-as no browser.
Trabalhamos com o uso de DOM (Document Object Model) para fazer as interações entre os arquivos html e css e javascript, maioritariamente como o uso de document.querySelector
.
- Para armazenar os meses do ano foi apropriado manusear arrays;
- Utilizando o método
JSON.parse
foi possível armazenar o valor denote
dentro do browser, guardando asssim, todas as informações das notas mesmo que a página seja recarregada; - Além disso, foi criada uma função anônima dentro da qual será criada o formulário usando o evento "click"
Eventlistener
, quando o usuário clicar sobre o ícone o formulário de notas irá aparecer.
- Implementar funcionalidade de fechar nota
- Implementar funcionalidade de cancelar, em cima de adicionar nota
- Implementar funcionalidade de salvar nota
- Melhorar UI
- Melhorar readme
- Implementar funcionalidade de salvar notas
- Implementar funcionalidade de login integrado ao google