The challenge was to develop the layout of a landing page with a product grid and a newsletter form, following this layout.
- 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;
- Open the terminal and create a directory in the location of your choice with the command mkdir:
mkdir projects-igorln
- Enter the directory you just created and then clone the project:
cd projects-igorln
git clone git@github.com:igorln/frontend_challenge.git
-
Install the extension live server in your code editor.
-
Finally, open the index.html in your code editor and press ALT+L+O, the broswer will open and load the page.