link da aplicação:

• challenge-linx

• foi consultada uma API de forma páginada, e cada página retorna informações de 8 produtos e um link para a próxima página;
• para cada produto retornado foi criado uma card com as respectivas informações, na grade de produtos;
• E clicando no botão "ainda mais produtos aqui!" a próxima página da API é consultada, gerando mais 8 produtos na grade, abaixo dos produtos já carregados pela primeira requisição;
• o formulário de newsletter com o título "Compartilhe a novidade" deve ter seus campos de input vallidados de acordo com o conteúdo (ex: O campo de email deve conter um email válido);

• Foi criado um repositório no GitHub
• VSCode para o desenvolvimento do código
• versionamento com git
• foi criada a aplicação usando html, css, e javascript.
• navegador chrome para acompanhar o desenvolvimento
• layout pronto fornecido pela empresa
• API pronto fornecido pela empresa
• Deploy da página na Vercel.

No primeiro momento foi adicionado o conteúdo no html com um header para o cabeçalho e o menu, no main tem três sections uma para a ajuda do algoritmo, uma para os produtos e outra para o compartilhamento para um amigo, e por fim um footer com nome da empresa e ano. depois foi estilizado as cores e espaçamentos com css começando com o design para celular(mobile first), e feito a responsividade para a web com css com metódos em css (@media), em javascript fiz a requisição da API usando o metódo fetch(), e a cada click no botão "ainda mais produtos aqui!" executa uma função para retornar outra função que monta uma div card com as informações de mais produtos da próxima página. Também em javascript foi feito a validação dos campos do formulário de newsletter de compartilhamento.

Foi um prazer fazer este desafio, pude colocar em prática conhecimento que tinha adquirido no curso e outros que só descobri com a mão na massa. E assim cada vez mais o conteúdo vai ficando claro.

_{Cristiano Santana}

Feito com ❤️ por Cristiano Santana 👋🏽 Entre em contato!