Realizado

Views para sites

Publicado em 18 de Maio de 2020 dias na Design e Multimedia

Sobre este projeto

Aberto

Informações detalhadas serão enviadas posteriormente.

Necessito que seja desenvolvido um conjunto de views (frontend) em um fluxo parecido a de um ecommerce.

Esse frontend consumirá uma API de um backend que proverá todas as funcionalidades. Esse frontend deverá se conectar a um websocket ou prover um webhook para receber notificações do backend.

Requisitos:
- Frameworks: VueJS, Angular ou ReactJS
- Telas em formato HD ou FullHD (modo kiosk)
- prover um teclado virtual para os inputs

1. Tela inicial - exibição de videos e imagens
2. Tela de categorias
3.Telas com exibição de produtos em grid
3.1 cada item do grid tem detalhes como especificação do produto ou video/imagem de descrição - isso pode ser provido por algo como um popup
3.2 tanto no grid quanto no popup devem ter botões para adicionar, remover e quantidade escolhida do item
4.



Tela checkout - mostrando itens selecionados
5. Tela de transação: mostrando mensagens + imagens ilustrativas solicitando a inserção de cartão, aprovação/reprovação do pagamento e timeout
6. Mensagem dizendo ao cliente para aguardar (uma maquina fará a entrega dos produtos)
7.
Mensagem de agradecimento


Dashboard de controle:
0. Tela de login, onde usuário se autentica e tem acesso a dashboard
1. Painel com telemetria: informações de saúde do sistema
- quanto tempo em uso, quantas compras feitas no dia, produto mais vendido
- estado de sensores (temperatura, porta, travas e etc)
- botao para ativar audio e ajustar volume
- botao para colocar equipamento em modo teste
- botao para colocar equipamento fora de uso
2.
Painel com listagem de produtos cadastrados:
- A visualização pode ser em lista ou em imagem dos produtos. Ao clicar em cada item, deve ser poissivel editar quantidade  e preço disponivel
3. Painel com testes:
- visualização de lista de  motores (um botão para cada motor - pode existir até 84 deles)
Ao clicar em cada botão, deve ter uma ação.
O grid precisará ser flexivel para acomodar essas mudanças
- acionamento e teste de elevador: mover para cima e baixo ou para uma posição especifica de 1 a 8
- teste de exibição de video e audio

Categoria Design e Multimedia
Subcategoria Web Design
Do que você precisa? Criar um novo design personalizado
Isso é um projeto ou uma posição de trabalho? Um projeto
Disponibilidade requerida Conforme necessário

Prazo de Entrega: Não estabelecido

Habilidades necessárias