39 lines
2.1 KiB
Markdown
39 lines
2.1 KiB
Markdown
|
---
|
||
|
|
id: bd7158d8c443edefaeb5bdee
|
||
|
|
title: Build an Image Search Abstraction Layer
|
||
|
|
isRequired: true
|
||
|
|
challengeType: 4
|
||
|
|
videoUrl: ''
|
||
|
|
localeTitle: Criar uma camada de abstração de pesquisa de imagens
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo JavaScript de pilha completa que permita pesquisar imagens como esta: <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10</a> e navegue por consultas de pesquisa recentes como esta : <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> . Em seguida, implemente-o para Glitch. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Glitch. Se você não consegue lembrar como fazer isso, visite <a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> . Estas são as histórias de usuário específicas que você deve implementar para este projeto: <strong>Estória do usuário:</strong> posso obter URLs de imagem, texto alternativo e urls de páginas para um conjunto de imagens relacionadas a uma determinada string de pesquisa. <strong>História do usuário:</strong> posso paginar pelas respostas adicionando um parâmetro? Offset = 2 ao URL. <strong>História do usuário:</strong> posso obter uma lista das últimas strings de pesquisa enviadas. Depois de concluir a implementação dessas histórias de usuário, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id="instructions">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests: []
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// solution required
|
||
|
|
```
|
||
|
|
</section>
|