DevNotes é uma aplicação simples para fazer anotações desenvolvida em HTML, CSS e JavaScript. Permite que você adicione, edite, fixe, copie e exporte suas notas em formato CSV.
- Adicione novas notas digitando o conteúdo na caixa de texto e pressionando o botão "Adicionar" ou a tecla Enter.
- Fixe ou desafixe uma nota clicando no ícone de alfinete.
- Exclua uma nota clicando no ícone de "X".
- Copie uma nota clicando no ícone de "Adicionar Nota".
- Exporte todas as notas para um arquivo CSV clicando no botão "Exportar CSV".
- Navegador da web moderno com suporte a JavaScript.
- Baixe os arquivos HTML, CSS e JavaScript.
- Abra o arquivo HTML em seu navegador.
- index.html: Contém a estrutura HTML da aplicação.
- style.css: Estilização da aplicação.
- script.js: Lógica de interação e manipulação dos dados.
O projeto utiliza o framework de ícones Bootstrap Icons para os ícones.
A estilização é definida no arquivo style.css
. O projeto tem um tema escuro com cores predominantemente escuras para proporcionar uma experiência agradável aos olhos.
- Adição, remoção, fixação e cópia de notas.
- Atualização dinâmica das notas na interface.
- Pesquisa de notas em tempo real.
- Exportação das notas para um arquivo CSV.
As notas são armazenadas localmente no navegador usando o localStorage
, permitindo que as notas persistam entre sessões.