eduardodarocha/hc-vtexio-desafio3

Desafio 3 do Hiring Coders 2021 com VTEX IO

Desafio#3 - VTEX IO + AWS

Você foi contratado para desenvolver o ecommerce do seu novo cliente, a UPMedal.com.

Template de criação

• Criar a solução a partir de um boiler template padrão da Vtex IO

Layout

• upmedal.com
• Observação - A réplica não precisa ser uma cópia fiel deste layout mas tentar se aproximar o máximo que conseguir
• Utilizar o Markdown + o css para formatação

Para esta tela utilizar os componentes:

• Flex Layout para criar as cores em css - [email protected]
• Dar prioridade as páginas criada nos arquivos.jsonc colocando comentários dos blocos criados
• Utilizar o Slider layout para mostrar os produtos em destaque - vtex.slider-layout
• Criar um componente Tab Layout para separar os produtos por categoria - [email protected]
• Criar um bloco de lista de produtos - [email protected]
• Criar Minicard para lista dos produtos no carrinho - [email protected]/
• Ao clicar no produto ir para tela com Product Summary - [email protected]

Layout Mobile

• A página deve ser responsiva

• Criar um componente customizado para falar com suporte no whatsapp, no rodapé ○ Utilizar o Vtex Componentes com React para criar o componente [email protected]

• Criar um componente customizado para cadastrar leads (possíveis clientes prospectos)

  • Nome
  • Email
  • Telefone
  • Este componente pode servir de isca digital, fazendo dando uma bonificação para o prospecto que preencher as informações da lead.

• Utilizar o Vtex Componentes com React para criar o componente [email protected]

AWS API Gateway

• Com o objetivo de armazenar as leads que o Vtex componente irá utilizar no React, criar uma API Gateway na AWS para colocar as informações - AWS api-gateway