Skip to content

Latest commit

 

History

History
63 lines (24 loc) · 1.96 KB

README.md

File metadata and controls

63 lines (24 loc) · 1.96 KB
Raw

Visualização do Projeto: https://notas-app-vanilla-js.netlify.app/

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.

Melhorias futuras

  • 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