/curso-angular-to-do-list

Primary LanguageTypeScript

Requerimento

Você deverá criar um to-do list de acordo com o layout no figma.
Layout: https://www.figma.com/file/ZX3XOso5AovkNOQVqoEQum/My-Todo-List?node-id=0%3A1

To-Do Lists são listas de todas as tarefas que você precisa realizar, ou seja, elas listam tudo que você tem a fazer

  1. Nessa ferramenta o usuário poderá adicionar tarefas diárias, podendo marcar que completo ou até mesmo deletar a tarefas selecionada.
  2. No campo adicionar tarefas, ele terá que digitar um valor especifico que será adicionado na lista de tarefas.
  3. Assim que ele adicionar a tarefa será enviada para uma lista, onde o usuário poderá fazer algumas ações, como:
    • Checked: Assim que o usuário clicar no input checked sua tarefa estará pronta e deverá ir para o final da lista.
    • Delete: Assim que o usuário clicar no icone de lixeira sua tarefa deverá ser deletada.
  4. Botão deletar todas as tarefas.
    • Assim que clicar no botão deverá aparecer uma confirmação para deletar tudo.

Assets

Download Assets: https://vidafullstack.com.br/wp-content/uploads/2021/03/to-do-list-assets.zip

Pluss

Essa lista deverá ser salva no localStorage.

Build

Suba seu código no github e ghPages como este exemplo => [ https://troquatte.github.io/curso-angular-to-do-list/ ]