Tecnologia que flui!

Sobre o desafio    |    Requisitos    |    Layout    |    Entrega

O objetivo deste desafio é avaliar seus conhecimentos técnicos, como lida com os requisitos e capacidade de pensar em soluções.

Durante esse desafio vamos construir um formulário para cadastro de fornecedores e produtos.

O desenvolvimento do formulário deve seguir o layout existente na guia: Layout

• HTML: na versão 5;

• JAVASCRIPT: Dar preferência a ao ECMA-6 no desenvolvimento do código;

• BOOTSTRAP:

  • CSS
  • JQUERY-3.5.1

• Outras Considerações:

  • Usar documentação de recursos e estilos conforme este link
  • Não deverão ser utilizados outros recursos tecnológicos para desenvolvimento

• Razão Social: obrigatório
• Nome Fantasia: obrigatório
• CNPJ: obrigatório
• Inscrição Estadual: opcional
• Inscrição Municipal: opcional
• Endereço: obrigatório (deve ser preenchido automaticamente usando a API via CEP)
• Nome da pessoa de contato: obrigatório
• Telefone: obrigatório
• E-mail: obrigatório
• Tabela de Produtos: obrigatório a inclusão de pelo menos 1 item
  • Descrição: obrigatório
  • Unidade de Medida: obrigatório
  • Quantidade em Estoque: obrigatório
  • Valor Unitário: obrigatório
  • Valor Total: obrigatório (bloqueado, deve ser preenchido automaticamente considerando o valor unitário x a quantidade em estoque)
• Tabela de Anexos: obrigatório a inclusão de pelo menos 1 documento
  • Os documentos anexados deverão ser armazenados em memória (blob e session storage) para envio
  • O Botão Excluir (lixeira) - Ao excluir o documento, deverá ser excluído da memória
  • O Botão Visualizar (olho) - Ao visualizar o documento, deve ser feito o download
• Botão Salvar Fornecedor: ao clicar no botão, deverá ser aberto modal de loading de envio, e deverá ser formatado um JSON com os dados a serem enviados, conforme exemplo: jsonExemplo
  • OBS Sobre o JSON: o JSON de resultado pode ser baixado ou apenas exibido no console do browser.

• Qualidade de código.
• Estruturas de pastas.
• Criação de componentes.
• Soluções encontradas.
• Tolerância a exceções do código.
• Uso das tecnologias.

O layout do desafio está em anexo na pasta docs deste repositório.

Esse desafio deve ser entregue em um repositório público do github e enviar um e-mail para [email protected] com o link do repositório e com o assunto Entrega de desafio front-end para correção. (☞ ﾟヮﾟ)☞

Made by VFlows