It's required to make an app like this one, a pixabay search term photo finder like the video below
https://www.dropbox.com/s/wnohssslxwtca5x/frontend-test.webm
(You can watch this video using a webm player or using google chrome)
These are the restrictions:
- You have 1 hour left to complete this test.
- Only photos greater than 300px width are allowed.
- Only photos greater than 300px height are allowed.
- Just photos with a width greater than their height should be shown.
- The difference between width and height must not be greater than 250 pixels.(A square like photo is a lot better than a rectangle)
- If you press ENTER key while you are inside search term input, it must trigger the AJAX call.
- If you click on an image it should open a new tab showing you the refer URL(that URL is provided in the json response).
- To filter photos by width or height you must use javascript, not via API.
- The code must be written in english
You can use this docs for further explanation about this API.
- Install dependencies
$ npm install
- Run this server
$ npm run start
This test must be sent via WETRANSFER in a ZIP format, wetransfer method must be a shared URL. It is going to be uncompressed and tested(after installing any dependencies that you might have declared in package.json).
The libraries you can use to code this app should be these ones:
- jQuery
- React.js
- Vue.js
- Handlebars
It is highly recommended to only use these mentioned libraries. However, if you would like to use something different than those ones, you must add a new file named reason.txt adding why you are using that library/framework and why do you think it's useful to use it.
- Use a template engine like Handlebars to create HTML.
- Use ReactJS to model this app.
- Code all the app in a functional way.