Mentalchaos / frontend-falabella-test

Just another Test for javascript developers

Frontend-falabella-test

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.

https://pixabay.com/api/docs/

Create this environment

1. Install dependencies

$ npm install

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

Bonus points:

1. Use a template engine like Handlebars to create HTML.
2. Use ReactJS to model this app.
3. Code all the app in a functional way.