Implementar o layout da página Home de forma estática utilizando componentes do Ionic.
Alterar o título da página no toolbar para "ToDo App".
Na página Home o usuário encontra uma lista estática com os items:
- Conhecer o Ionic
- Conhecer o Angular
- Concluir as atividades
sendo cada item composto por um label com o nome da tarefa e um checkbox que indica a situação da tarefa (completa ou incompleta).
O "x" em "Conhecer o Ionic" denota que esta tarefa deve estar inicialmente como completa.
Ao clicar no checkbox ou no nome da tarefa, o estado da tarefa é comutado.
Na página Home o usuário encontra um input com o placeholder "Adicionar tarefa" e um botão ao lado direito com o ícone "+".
Ao clicar no botão "+" nada acontece.
No arquivo home.page.html, utilizar os componentes ion-checkbox, ion-button, ion-icon, ion-list e ion-input para implementar as user histories.
Utilizar o grid do ionic para centralizar os elementos.
Utilizar o arquivo home.page.scss para ajustar o layout da página e dos componentes conforme necessário e remover os estilos que não estão sendo utilizados. Utilizar a linguagem SCSS.
Ao final da atividade 1, a aplicação deverá estar semelhante a da imagem abaixo:
