You are required to create a React App with an image gallery that interfaces with the Flickr API. The application should be a single page that shows all images for a specific searched term.
We are looking for all of the requirements to be submitted. This is your chance to impress us, feel free to add any additional functionality or design.
- User should be able to search for a term like "dog" or "cat" in a search field.
- The page should show images based on this term from Flickr using Flickr API.
- After every the search, the text in search box should be cleaned.
- The user should be able to perform the search by clicking in a "Search" button or by pressing the "Enter" key.
- The gallery should never display more than 21 images/tiles per time.
- The images should be displayed with the same sizes (same proportion for all images).
- A hovered tile should implement a "zoom in" effect on the image.
- Underneath the search box there should be 4 pre defined terms that will immediately perform a search after being clicked.
- The 4 pre-defirned terms should be "Planets", "Rockets", "Galaxies" and "Asteroids"
- Tests
- Layout responsiviness
- Code consistence
- Project organization
Feel free to implement the design as you wish. Below you can see an image for INSPIRATION.
https://www.flickr.com/services/api/
You may upload your app to a private or public repository in Github.
Send us the link for your repository which contains the application code to us via email.
If your repository is private, please add permission to view your project to the following users:
@renanborgez @indebanvdhamer @philipmendels