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

---
id: bd7158d8c443edefaeb5bdee
title: Build an Image Search Abstraction Layer
challengeType: 4
forumTopicId: 302361
dashedName: build-an-image-search-abstraction-layer
---

# --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.

# --solutions--

```js
// solution required
```
feat(challenge-md): Add initial markdown challenge files 2018-09-30 22:01:58 +00:00			`---`
			`id: bd7158d8c443edefaeb5bdee`
			`title: Build an Image Search Abstraction Layer`
			`challengeType: 4`
fix(curriculum): Added forumTopicId to remaining 1200 challeng… (#36558) 2019-08-05 16:17:33 +00:00			`forumTopicId: 302361`
feat(curriculum): restore seed + solution to Chinese (#40683) * feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com> 2021-01-13 02:31:00 +00:00			`dashedName: build-an-image-search-abstraction-layer`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 22:01:58 +00:00			`---`

Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00:00			`# --description--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00: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 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00:00			`Here are the specific user stories you should implement for this project:`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00: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 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00: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 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00: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 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00: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 22:01:58 +00:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 18:02:05 +00:00			`# --solutions--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 22:01:58 +00:00
			```js
			`// solution required`
			```