UpMedal

Desafio 03 do Hiring Coders: Desenvolver o e-commerce da UpMedal.

Resumo do projeto

Fazer o clone do e-commerce UpMedal a partir do bolier template padrão da Vtex IO usando o próprio framework da empresa.

Entregáveis

• Usar boiler template padrão da Vtex IO
• Utilizar o Markdown + css para formatação
• Utilizar o Flex e Slider Layout
• Criar um component Tab Layout para separar os produtos por categoria
• Criar um bloco de lista de produtos (8 itens por categoria)
• Criar Minicart para lista dos produtos no carrinho
• Ao clicar no produto ir para tela com o Product Summary
• Layout Mobile
• Criar um componente customizado para falar com o suporte no whatsapp, no rodapé
• Criar um component customizado para cadastrar leads
• AWS API Gateway
• (Opcional) Criar um item no adm do Vtex para trazer o conteúdo das leads cadastradas na AWS API Gateway

Fonte: PDF do Desafio

Passos para execução do projeto

Acesse a configuração padrão do VTEX IO e siga todos os passos.

Após a configuração padrão entre na pasta store-block-template no seu terminal e rode o comando yarn, faça o mesmo para as pastas node e react. Agora, para rodar o projeto é necessário rodar o comando vtex link dentro de cada pasta do principal do projeto, ou seja, min-theme-vtexio e na store-block-template.

Imagens do projeto

Home (Slider Layout, Tab Layout e Product List)

Produtos e Footer (Mostrando o link do whatsapp)

Minicart

Search e Produtos do palmeiras no Tab Layout

Product Summary

Formulário Customizado