48 lines
2.2 KiB
Markdown
48 lines
2.2 KiB
Markdown
|
---
|
||
|
|
id: bd7158d8c443edefaeb5bdee
|
||
|
|
title: Build an Image Search Abstraction Layer
|
||
|
|
localeTitle: Crear una capa de abstracción de búsqueda de imágenes
|
||
|
|
isRequired: true
|
||
|
|
challengeType: 4
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id='description'>
|
||
|
|
<strong>Objetivo:</strong> crear una aplicación de JavaScript de pila completa que te permita buscar imágenes 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> y navegar por consultas de búsqueda recientes como esto: <a href='https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/' target='_blank'>https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> . Luego desplegarlo a Glitch.
|
||
|
|
Tenga en cuenta que para cada proyecto, debe crear un nuevo repositorio de GitHub y un nuevo proyecto de Glitch. Si no puede recordar cómo hacerlo, visite <a href='/challenges/get-set-for-our-api-development-projects'>https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> .
|
||
|
|
Estas son las historias de usuario específicas que debe implementar para este proyecto:
|
||
|
|
<strong>Historia de usuario:</strong> puedo obtener las URL de las imágenes, el texto alternativo y las URL de las páginas para un conjunto de imágenes relacionadas con una cadena de búsqueda determinada.
|
||
|
|
<strong>Historia de usuario:</strong> Puedo paginar las respuestas agregando un parámetro? Offset = 2 a la URL.
|
||
|
|
<strong>Historia de usuario:</strong> puedo obtener una lista de las últimas cadenas de búsqueda enviadas.
|
||
|
|
Una vez que haya terminado de implementar estas historias de usuario, haga clic en el botón "He completado este desafío" e ingrese las URL para el repositorio de GitHub y la aplicación en vivo que se ejecuta en Glitch.
|
||
|
|
Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en 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>
|