Welcome to the Linx Challenge repository!

What should be developed

The challenge was to develop the layout of a landing page with a product grid and a newsletter form, following this layout.

Expected behavior

  • For each product returned by the API, a product card with the respective information must be created in the product grid;
  • By clicking the button Ainda mais produtos aqui! the next page of the API must be consulted, generating 8 more products in the existing grid, below the products already loaded by the first requisition;
  • The newsletter form with the title Share the news must have its input fields validated according to the content;

Live Preview


Installation of the project locally

  1. Open the terminal and create a directory in the location of your choice with the command mkdir:
   mkdir projects-igorln
  1. Enter the directory you just created and then clone the project:
   cd projects-igorln
   git clone git@github.com:igorln/frontend_challenge.git
  1. Install the extension live server in your code editor.

  2. Finally, open the index.html in your code editor and press ALT+L+O, the broswer will open and load the page.