Project Todo-list

Descrição

Este projeto desenvolveu uma lista de tarefas utilizando HTML, CSS e JavaScript.

Habilidades Desenvolvidas

No desenvolvimento deste projeto foi preciso utilizar o HTML para estruturação do conteúdo da página, o CSS para estilizá-la e o comportamento dinâmico da página foi adicionado com o JavaScript.

📁 Acesso à aplicação

Você pode utilizar a aplicação clicando no link abaixo.

Clique aqui para utilizar

Este projeto é um dos requisitos para a formação de Desenvolvimento Web da Trybe

O projeto finaliza a Seção 4 - JavaScript, DOM, Eventos e Web Storage do Módulo de Fundamentos e foi sugerido como um projeto bônus com onze requisitos obrigatórios e três requisitos optativos. Neste projeto obtive 100% de aprovação.

Lista de requisitos obrigatórios:

Adicione à sua lista o título "Minha Lista de Tarefas" em uma tag.
Adicione abaixo do título um pequeno e discreto parágrafo com id="funcionamento" e com o texto "Clique duas vezes em um item para marcá-lo como completo".
Adicione um input com o id="texto-tarefa" onde a pessoa usuária poderá digitar o nome do item que deseja adicionar à lista.
Adicione uma lista ordenada de tarefas com o id="lista-tarefas".
Adicione um botão com id="criar-tarefa" e, ao clicar nesse botão, um novo item deverá ser criado ao final da lista e o texto do input deve ser limpo.
Ordene os itens da lista de tarefas por ordem de criação.
Clicar em um item da lista deve alterar a cor de fundo do item para cinza.
Não deve ser possível selecionar mais de um elemento da lista ao mesmo tempo.
Clicar duas vezes em um item, faz com que ele seja riscado, indicando que foi completo. Deve ser possível desfazer essa ação clicando novamente duas vezes no item.
Adicione um botão com id="apaga-tudo" que quando clicado deve apagar todos os itens da lista.
Adicione um botão com id="remover-finalizados" que quando clicado remove somente os elementos finalizados da sua lista.

Lista de requisitos optativos:

Adicione um botão com id="salvar-tarefas" que salve o conteúdo da lista. Se você fechar e reabrir a página, a lista deve continuar no estado em que estava.
Adicione dois botões, um com id="mover-cima" e outro com id="mover-baixo", que permitam mover o item selecionado para cima ou para baixo na lista de tarefas.
Adicione um botão com id="remover-selecionado" que, quando clicado, remove o item selecionado.

Para mais informações sobre a formação de Desenvolvimento Web da Trybe, clique no link abaixo.