06. Como deixar o mural de recados mais bonito?
Tempo: uns 25 minutos.
O desafio
O app Mural de recados já faz tudo que o plano pede: postar, ver, corrigir e apagar. Mas ainda não parece um mural de recados de verdade: os recados aparecem como texto, um embaixo do outro.
Num mural de verdade, cada recado é um post-it colado na parede. O desafio agora é deixar os recados com cara de post-it, lado a lado.
Neste capítulo, a mudança é só visual: nenhum recado guardado muda, e nenhuma informação nova aparece.
Pense antes de programar
Reserve uns 5 minutos. Não existe resposta errada.
- Volte ao desenho da tela principal que você fez em Planejando o app. Como fica cada cartão de recado? Onde ficam a mensagem, a autora e os botões?
- Como os cartões se organizam na tela: um embaixo do outro, ou lado a lado, em grade?
- E numa tela de celular, que é mais estreita?
- Qual é o mínimo que precisa mudar para o mural de recados já parecer um mural de recados?
Compare com o nosso plano
Abrir o nosso plano
No fim deste capítulo, quem abrir o app vai ver isto:
- Os cartões: cada recado vira um cartão amarelo, como um post-it, com cantos arredondados e um pouco de sombra.
- Dentro do cartão: a mensagem, a autora em itálico e, embaixo, os botões Editar e Apagar, este em vermelho.
- A grade: os cartões ficam lado a lado, quatro por linha. Numa tela de celular, cabe um por linha.
- O botão Novo recado: colorido, em destaque, logo abaixo do título.
- As páginas do formulário: em Novo recado e em Corrigir recado, o formulário fica numa caixa branca, com os campos arrumados e um botão colorido.
- O mínimo: todos os cartões da mesma cor. Quem terminar antes pode deixar cada pessoa escolher a cor do seu recado, no desafio Cores nos recados.
Mão na massa
Agora é com você: siga os passos em Mão na massa. Quando terminar, siga para O que aconteceu?.
O que aconteceu?
Terminou os passos? Em O que aconteceu? você entende cada passo, quebra o app de propósito, vê se precisa de IA e responde um quiz.