Ao acessar a URL https://kelvysmoura.github.io/product-list-fake-api você verá uma listagem de produtos de exemplos. As informações desses produtos estão vindo de um JSON fixo e sua missão será consumir o endpoint de produtos do Fake API, e renderizar com o JS os produtos retornados da API.
- Praticar Lógica de programação
- Praticar manipulação do DOM
- Praticar Consumo de api com usando o fetch()
- Praticar comando git
- Praticar criação de branches e fork no github
- Fazer um Fork do repositório
- Fazer git clone do repositório "Forkado"
- Criar branch com username do seu github, tudo minúsculo junto e sem espaço
- Criar um JS dentro da pasta scripts, com o mesmo nome da branch
- O arquivo JS deve ter um código que vai ser carregado assim que entrar na página, esse código deve consultar a API de produtos e com o retorno da API implementar tags
<li>
para cada item retornado. - Essa string com várias tags
<li>
deve ser adicionada ao elemento com IDproduct-list
- Fazer git add, commit e push para subir as alterações para o github
- Abrir pull request para o repositório original
- Após sua Pull Request aprovada e mergeada, acessar a URL https://kelvysmoura.github.io/product-list-fake-api?username= e adicionar o seu username depois do sinal de igual.
Para cada produto retornado da api você deve adicionar um bloco de tag <li>
ao elemento que tem como ID product-list
<li>
<img src="[imagem do produto retornado da api]">
<span>[nome do produto retornado da api]</span>
<span>$ [preço do produto retornado da api]</span>
<a href="#">Ver Produto</a>
</li>
- O nome da branch e o nome do arquivo JS devem ser os mesmos e deve ser usado o username do seu github em ambos
- O arquivo index.html pode ser modificado para testar em ambiente localhost mas não pode ir junto no commit.
- O único arquivo que você vai criar será o script com seu username dentro da pasta scripts