NadiaaOliverr / ToDo-List

ToDo List elaborado na linguagem JavaScript a fim de rever conhecimentos da linguagem, bem como recursos do HTML e CSS.

Home Page:https://nadiaaoliverr.github.io/ToDo-List/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo List šŸ“š

AplicaĆ§Ć£o de um todo list (lista de tarefas) elaborada na linguagem JavaScript em conjunto com HTML e CSS, onde foi trabalhado vĆ”rios conceitos de manipulaĆ§Ć£o do DOM. A aplicaĆ§Ć£o inclui recursos como adiĆ§Ć£o, ediĆ§Ć£o, conclusĆ£o e remoĆ§Ć£o de tarefas, alĆ©m de filtragem por prioridade e pesquisa. AlĆ©m disso, foi utilizado boas prĆ”ticas de usabilidade para criar uma experiĆŖncia amigĆ”vel ao usuĆ”rio.

Gif que mostra o projeto em execuĆ§Ć£o e as funcionalidades

Conceitos Trabalhados

  • SeleĆ§Ć£o de Elementos HTML;
  • RemoĆ§Ć£o de Elementos do DOM;
  • Filtragem de Elementos no DOM;
  • AdiĆ§Ć£o de Eventos;
  • ManipulaĆ§Ć£o de Classes CSS via JavaScript;
  • InteraĆ§Ć£o com BotƵes e FormulĆ”rios;
  • ValidaĆ§Ć£o de listas e valores;
  • Uso do LocalStorage.

Funcionalidades

  • AdiĆ§Ć£o de Tarefas;
  • EdiĆ§Ć£o de Tarefas;
  • InteraĆ§Ć£o do UsuĆ”rio;
  • Filtragem de Tarefas;
  • DeleĆ§Ć£o de Tarefas;
  • MarcaĆ§Ć£o de Tarefas como ConcluĆ­das;
  • PersistĆŖncia no Local Storage.

ExecuĆ§Ć£o šŸš€

Para executar o projeto, clone ou faƧa download e apĆ³s isso abra o arquivo index.html no navegador.

āš ļø PorĆ©m, o projeto estĆ” publicado e basta acessar este link para testĆ”-lo sem a necessidade de qualquer instalaĆ§Ć£o ou preparaĆ§Ć£o de ambiente.


Tem alguma sugestĆ£o de melhoria ou encontrou algum bug? Deixe sua issue šŸ˜‰

About

ToDo List elaborado na linguagem JavaScript a fim de rever conhecimentos da linguagem, bem como recursos do HTML e CSS.

https://nadiaaoliverr.github.io/ToDo-List/


Languages

Language:JavaScript 60.3%Language:CSS 21.2%Language:HTML 18.4%