https://gadlo323.github.io/flickr-gallery/
- Back to Top Feature.
- Change background by selecting an image.
- Prevent search for any typing using debounce.
Welcome to the Flickr Gallery application. This app is simple, you write a tag at the top and you get images from flickr with that tag.
- Fork this repo to your own account
- Install the dependencies and run it
Each image has three buttons that appear on mouse hover. You need to make them work.
- Delete: clicking the delete button should remove the image from the display.
- Rotate: each click should rotate the image by 90 degrees.
- Expand: clicking an image should display this image in a larger view.
- Responsive: the gallery adjusts the size of each image so that all the images will fit into the screen without margin. However, when the window is resized, the images are not fitted so well. Make sure the images are always adjusted to the window width.
- Infinite Scroll: currently the gallery displays only 100 images. Create a mechanism that loads more images from flickr when the user is scrolling past the last image.
- Drag & Drop: let your users choose the order of the images by adding an option to drag & drop images to their new position.
- Try inovating the product, add any features you think are useful. be creative, creative is good.
- Deploy your result as a github page to
https://[YOUR_USERNAME].github.io/flickr-gallery/ - Send us an email with your repo link and the deployed app link
- Write readable code, and use descriptive commits (we'll need to figure out what you did)
- Write tests for the features you write and make sure they pass (tests are written in spec.js files)
- Be responsible for your code. You may consult with Google about the code you write but you will need to explain what you did.