Projeto com objetivo principal de praticar Local Storage e Integração de API. A idéia é criar uma pagina web onde a pessoa pode criar e editar tarefas a fazer.
Wireframe Login: https://wireframe.cc/dDl9xV
Instruções e requisitos
-
A primeira página deve ter um formulário com os inputs: a. Data de criação: o usuário não poderá alterar esse input, mas ele deve ser exibido. b. Data limite da tarefa: data que o usuário deseja terminar aquela tarefa. c. Descrição: texto da tarefa. d. Botão de submit.
-
Validações: a. Nenhum campo pode ser vazio. b. A descrição deve ter mais que 10 caracteres. c. IMPORTANTE: Quando o usuário não preencher corretamente deve ser exibido um alerta indicando que existem erros na criação da tarefa. d. OPCIONAL: a data limite da tarefa deve ser hoje ou no futuro.
-
Funcionalidades: a. Quando o usuário clicar em submit, se ele passar pela validação, a anotação deve ser exibida na tela por meio de um card. b. No card da anotação deve ter um botão para excluir a anotação. Quando ele for clicado deverá ser exibido um aviso confirmando a intenção de excluir a anotação. Se o usuário confirmar a intenção de excluir, o card desta nota deve desaparecer. c. Ainda no card da anotação deverá existir um checkbox que ao ser clicado faz o texto daquela anotação ficar tachado. Tarefa concluida. d. Opcional: Escolher cor do fundo do card - (versão dark)
-
Agora nós vamos criar uma outra página, onde iremos consumir uma api de lista de tarefas. a. O end-point “https://jsonplaceholder.typicode.com/todos/” responde com um JSON com 200 tarefas. Essas 200 tarefas devem ser consumidas pelo JS e renderizadas também como cards na página. b. Nas tarefas onde o atributo “completed": true” o texto do atributo title deve estar tachado. Pois significa que a tarefa ja foi completada. c. Nas tarefas onde o atributo “completed": false” o texto do atributo title deve estar em negrito. Pois significa que a tarefa está a fazer. d. Exiba também o conteúdo do atributo “id”.