/LinxImpulse-LandingPage

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

Primary LanguageJavaScriptMIT LicenseMIT

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

🚀 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
  1. Vá para a pasta principal do repositório clonado;

  2. Instale as dependências npm:

$ npm install
  1. Execute a aplicação:
$ npm run dev

📄 Licença

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