---
id: bd7158d8c443edefaeb5bdee
title: Build an Image Search Abstraction Layer
isRequired: true
challengeType: 4
videoUrl: ''
localeTitle: Постройте слой абстракции изображения
---

## Description
<section id="description"> <strong>Цель:</strong> создать полноценное приложение JavaScript для стека, которое позволяет искать изображения, подобные этому: <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> и просматривать последние поисковые запросы, подобные этому : <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> . Затем разверните его в Glitch. Обратите внимание, что для каждого проекта вы должны создать новый репозиторий GitHub и новый проект Glitch. Если вы не можете вспомнить, как это сделать, перейдите на страницу <a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> . Вот конкретные истории пользователей, которые вы должны реализовать для этого проекта: <strong>User Story:</strong> Я могу получить URL-адреса изображений, текст текста и URL-адреса страниц для набора изображений, относящихся к данной строке поиска. <strong>User Story:</strong> Я могу разбивать страницы на ответы, добавляя к URL-адресу параметр? Offset = 2. <strong>User Story:</strong> Я могу получить список самых последних строк поиска. Когда вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Glitch. Вы можете получить отзывы о своем проекте, поделившись с друзьями на 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>
