Objetivo

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".

Pontos relevantes sobre o 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.

Interatividade com Javascript

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 de note 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.