freeCodeCamp/curriculum/challenges/english/10-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.md

---
id: bd7158d8c443edefaeb5bdee
title: Build an Image Search Abstraction Layer
challengeType: 4
forumTopicId: 302361
---

# --description--

Build a full stack JavaScript app that allows you to search for images like this: <https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10> and browse recent search queries like this: <https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/>. Use a site builder of your choice to complete the project.

Here are the specific user stories you should implement for this project:

**User Story:** You can get the image URLs, alt text and page URLs for a set of images relating to a given search string.

**User Story:** You can paginate through the responses by adding a ?offset=2 parameter to the URL.

**User Story:** You can get a list of the most recently submitted search strings.

When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the \`Solution Link\` field. Optionally, also submit a link to your project's source code in the \`GitHub Link\` field.

# --hints--


# --seed--

# --solutions--

```js
// solution required
```
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00			`---`
			`id: bd7158d8c443edefaeb5bdee`
			`title: Build an Image Search Abstraction Layer`
			`challengeType: 4`
fix(curriculum): Added forumTopicId to remaining 1200 challeng… (#36558) 2019-08-05 09:17:33 -07:00			`forumTopicId: 302361`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00			`---`

Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`# --description--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`Build a full stack JavaScript app that allows you to search for images like this: <https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10> and browse recent search queries like this: <https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/>. Use a site builder of your choice to complete the project.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`Here are the specific user stories you should implement for this project:`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`User Story: You can get the image URLs, alt text and page URLs for a set of images relating to a given search string.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`User Story: You can paginate through the responses by adding a ?offset=2 parameter to the URL.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`User Story: You can get a list of the most recently submitted search strings.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the \`Solution Link\` field. Optionally, also submit a link to your project's source code in the \`GitHub Link\` field.
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`# --hints--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00

Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`# --seed--`

			`# --solutions--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
			```js
			`// solution required`
			```