Exercícios: Aula 08 - Projeto Prático I: Task Manager (Planejamento) 📝

1. Planejamento de Componentes

Para o nosso Task Manager, quais componentes você acredita serem necessários para manter o projeto organizado? Liste pelo menos 3 e descreva a responsabilidade de cada um.

2. Definição de Dados (State)

Que tipo de informações cada "Tarefa" (Task) deve conter no nosso array de tarefas? Defina um objeto exemplo com as propriedades necessárias (ex: título, status, id).

3. Fluxo de Criação

Descreva o passo a passo lógico (do input do usuário até a atualização da tela) para a funcionalidade de "Adicionar Nova Tarefa". Quais diretivas e eventos serão utilizados?

4. Persistência Local (LocalStorage)

Pesquise como salvar e ler dados do LocalStorage do navegador. Escreva um exemplo de código que salva o array de tarefas e outro que o recupera ao carregar a página.

5. Desafio: Maquete do App

Crie a estrutura visual básica do App em um único arquivo App.vue (sem separar componentes ainda). - Deve ter um título centralizado. - Um input com botão ao lado. - Uma área para listar as tarefas. - Use CSS (pode ser CSS puro ou classes utilitárias) para deixar o layout limpo e agradável. - Implemente apenas a funcionalidade de listar tarefas estáticas por enquanto.