gabrielalvesfs/linximpulse-landingpage

Aplicação feita em ReactJS totalmente responsiva consumindo uma API que retorna produtos de uma loja.

Linx Impulse Landing Page

Projeto desenvolvido com ReactJS baseado em um processo seletivo para a vaga de Front End da empresa Linx Impulse. Para ver a aplicação na web: clique aqui!

📍 Proposta

"O desafio consiste no desenvolvimento do layout de uma landing page com uma grade de produtos e um formulário de newsletter. Seu principal objetivo é transformar este layout em uma página funcional.

link do mock do layout.
endpoint da API.

Para preencher a página com as informações dos produtos, você terá que consultar esta API de forma paginada, sendo que cada página consultada retornará as informações de 8 produtos e um link para a próxima página.
Assim que obter os dados, você deverá implementar os seguintes pontos:

• Para cada produto retornado pela API, um card de produto com as respectivas informações deve ser criado na grade de produtos;
  
• Ao clicar no botão Ainda mais produtos aqui! a próxima página da API deve ser consultada, gerando mais 8 produtos na grade existente, abaixo dos produtos já carregados pela primeira requisição;
  
• Os formulários devem ter seus campos de input validados de acordo com o conteúdo (ex: O campo de email deve conter um email válido);
  

🛠️ Construído com

• React.js
• Javascript
• Styled-components

🚀 Começando

Essas instruções permitirão que você obtenha uma cópia do projeto em operação na sua máquina local para fins de desenvolvimento e teste.

📋 Pré-requisitos

• NodeJS
• NPM

🔧 Instalação

1. Clone este repositório:

$ git clone https://github.com/GabrielAlvesFS/LinxImpulse-LandingPage.git

2. Vá para a pasta principal do repositório clonado;

3. Instale as dependências npm:

$ npm install

4. Execute a aplicação:

$ npm run dev

📄 Licença

Este projeto está sob a licença do MIT - veja o arquivo LICENSE para detalhes.