Sobre este projeto
it-programming / web-development
Aberto
Single Page App composto por duas telas e seus componentes:
1. Tela Principal
1.1. Heading Marca
1.2.
Subheading Contato
1.3. Navbar
1.3.1. Campo de busca
1.3.3. Botão "buscar"
1.3.4. Lista de itens retornados na busca
1.4. Lista de produtos da cesta
1.4.1. Nome do produto
1.4.2. Botão para exclusão do produto da cesta
1.5. Botão "realizar pedido"
2. Tela de Pedido
2.1. Formulário Contendo dados do Pedido (não editável)
2.1.1.
Campo Número do Pedido
2.1.2. Campo Lista de Produtos pedidos
2.1.3. Campo Valor total do pedido
2.1.4. Campo Estado do pedido
2.1.5. Campo Previsão de entrega
2.1.5 Botão "cancelar pedido"
2.2. Formulário de entrega
2.2.1. Campo Endereço para entrega
2.2.2. Campo Telefone de contato
2.2.3 Botão "confirmar pedido"
A tela principal deve ser composta por heading, navbar contendo um campo de busca, lista de produtos e botão para fazer pedido conforme anexo.
A lista pode ser filtrada utilizando o que for digitado. Ao selecionar um item do resultado de busca, este item deve ser inserido na lista de produtos.
O procedimento de busca e adicionar produto na cesta pode ser realizado inúmeras vezes.
Dado que a lista contem pelo menos um item, o botão "realizar pedido" deve ser habilitado.
Ao clicar no botão "realizar pedido" o cliente deve ser direcionado para uma tela contendo dois formulários:
O formulário de dados do pedido deve ser totalmente disabilitado de mudanças.
O formulário de dados da entrega deve ter todos os campos obrigatórios.
São da responsabilidade do desenvolvedor:
Utilizar alguma tecnologia de single page app, bonus para react com redux.
Implementar todas as interações, inclusive as mudanças de tela.
Gerar dados fixos para fins de desenvolvimento/teste.
Seguir o layout enviado o mais próxmo possível.
Utilizar algum framework CSS tal qual bootstrap/bulma.
Não é da responsabilidade do desenvolvedor:
Realizar requisições AJAX para implementar interações. A página deve ser auto contida.
Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Criar um novo site personalizado
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor
Prazo de Entrega: Não estabelecido
Habilidades necessárias