Seja bem-vindo ao E-Plus Front-end Challenge, considere este o primeiro passo para fazer parte de uma das melhores equipes de ecommerce e marketing digital do Brasil!
Para completar o desafio com sucesso você precisará codificar o layout que segue no projeto, para isso será necessário consumir um json via xhttp que retornará uma lista de produtos na resposta do request e servirá para alimentar/manipular o mini-cart.
Então mãos a obra e bom challenge ;)
- O topo apresentado deve seguir o seguinte design
- Baseado neste layout, faça uma adaptação responsiva para celulares.
- Faça um fork deste repositório em seu GitHub
- Adicione ao Readme uma descrição de como executar seu projeto
- Descreva as funcionalidades do seu desafio, nos conte tudo que fez! Se fez o desafio utilizando pré-processadores, por exemplo, pois usaremos estas informações para avaliá-lo.
- O ideal é que este challenge leve até 8h.
- Faça commits parciais, para que possamos acompanhar o seu desenvolvimento.
- Em caso de dúvidas, entre em contato com nadia@agenciaeplus.com.br
- Os ícones usados, são todos do Material Design. https://material.io/icons/
- A fonte utilizada é Montserrat (Está fonte se encontra no google fonts).
- Trabalhamos com clientes perfeccionistas, portanto tenha atenção com espaçamentos, tamanhos e estilos de fonte.
- Alcançar os objetivos propostos
- Qualidade de código
- Commits parciais, mostrando a linha de desenvolvimento
- Boa descrição das funcionalidades do desafio
- Fidelidade ao design proposto
- Adaptação mobile
ou
- clonar repositório
- "npm i" no terminal(para instalar as dependências)
- "npm start" para inicializar o projeto
- Foi utilizado o ReactJS para realizar o projeto, com o pré-processador de css: Sass
- Para requisição do arquivo json foi utilizado o fetch
- Na versão mobile foi colocado um menu do tipo hambúrguer
- O valor total das mercadorias do carrinho é dinâmico
- Os icones utilizados foi pego através da biblioteca fontawesome