Buscar

Projeto utilizando a framework IONIC desenvolvimento para dispositivos móveis.

Crie um documento com capa e identificação, copie os códigos fonte dos arquivos .html e .ts.

Execute a sua aplicação e tire vários print screen da sua app rodando, inclua no documento junto com os códigos.

Inclua as referências bibliográficas.

Salve seu documento como PDF e poste no portfólio.

Descrição da atividade

Realize a tarefa a seguir com base nos conteúdos estudados. Considere a seguinte situação: você foi contratado para desenvolver um aplicativo de divulgação de uma linha de produtos de um restaurante. Imagine essa linha de produtos como sendo o cardápio dos produtos oferecidos pelo restaurante. Os produtos devem estar separados por categorias:

• lanches;

• pratos de entrada e pratos de refeição;

• sobremesas;

• bebidas.

Cada categoria tem sua página específica.

O nome fictício do restaurante deve aparecer no cabeçalho da página inicial.

A aplicação deve fornecer uma tela inicial com figuras e textos que indiquem as categorias oferecidas para que o usuário possa navegar para a página da categoria. Na página inicial, também deverá ter uma figura e um texto para o “Prato do dia”, que se trata de uma opção promocional, que inclua uma entrada, um prato de refeição e uma sobremesa, tudo em um valor promocional. Ao clicar nessa opção a aplicação deve detalhar com fotos e textos tudo que está incluso no prato do dia, inclusive o valor.

Cada categoria deve apresentar pelo menos 5 itens.

As categorias devem ser apresentadas em forma de lista, ou cards, ou uma combinação com os dois componentes. Cada item da categoria deverá apresentar uma imagem miniatura ilustrativa, um texto com o nome e o valor. Ao clicar no item da categoria a aplicação deve abrir os detalhes explicativos do item com imagem maior, texto completo e valor.

Ainda não temos respostas

Você sabe responder essa pergunta?

Crie uma conta e ajude outras pessoas compartilhando seu conhecimento!


✏️ Responder

SetasNegritoItálicoSublinhadoTachadoCitaçãoCódigoLista numeradaLista com marcadoresSubscritoSobrescritoDiminuir recuoAumentar recuoCor da fonteCor de fundoAlinhamentoLimparInserir linkImagemFórmula

Para escrever sua resposta aqui, entre ou crie uma conta

User badge image

Outros materiais