Corebiz - Frontend-Challenge

Sobre o desafio   |    Tecnologias   |    Projeto   |    Funcionalidades   |   

👨🏻‍💻Sobre o desafio

Desenvolver uma página baseando-se no layout e APIs abaixo.

• Link do layout: https://www.figma.com/file/awhTJyKgrjEOqPHUrrFBv0/Corebiz---Frontend-Challenge
• Link das APIs: https://documenter.getpostman.com/view/1811817/Szzj8yAq?version=latest

Passo 1

• Use a API de produtos para pegar os dados dos produtos e construir a vitrine. (Pode usar o que achar melhor para isso. Ex: Axios, Fetch, XMLHttpRequest, etc)
• Ao clicar no botão “Comprar” deve ser incrementada a quantidade de itens no carrinho.
• Ao atualizar a página, a quantidade de produtos no carrinho deve ser preservada.

Passo 2

• Crie validações para o form de contato. (Ex: se o e-mail for inválido ou o nome vazio)
• Ao clicar em enviar com os campos validados, o form precisa ser disparado via javascript para a API de newsletter seguindo as especificações da API.

🚀Tecnologias

• HTML5
• CSS3
• Java Script
• React
• Axios
• Webpack

💻Projeto

Ver projeto na Netlify

Executando o projeto localmente

Requisitos

• Git
• Node.js
• NPM

Clonar o repositório

git clone https://github.com/ifabianoi/Corebiz---Frontend-Challenge.git

Instalar as dependências

yarn install

ou

npm install

Executando a aplicação

yarn start

ou

npm start

Acesse o endereço http://localhost:5001 para visualizar em seu navegador.

⚙️Funcionalidades

• Axios: Usado para o tratamento do consumo dos serviços da API
• localStorage (@corebiz:products): Inserir itens no carrinho de compras
• localStorage (@corebiz:products): Manter produtos ao atualizar a página
• Yup e Unform: Validação de Formulário
• Axios: Consumir API informada para envio de Leads
• Webpack: Automação de tarefas