The challenge is to implement an image gallery page with functionality similar to lightbox, lightbox2 or fancybox. It should be able to retrieve the data from public API of your choice, for example, one could use flickr. The other requirement is to use plain JavaScript without dependencies (including jQuery).
Deliverables
- A web page with image gallery. It should have at least 5 images fetched from public API of your choice.
- On image click it should display an image preview in dialog with next/previous buttons.
- UI should work without refreshing.
- Only native JavaScript should be used, libraries such as jQuery are not allowed. You could use CSS frameworks (PostCSS, SCSS, LESS, etc.).
- It should work without errors in the latest versions of Chrome, Safari, Firefox, and IE.
Submission
The deliverable will be a GitHub code repository we can browse through and clear instructions for running the app.
Among other criteria, we would be assessing functionality, code quality, documentation, and testing. Your priorities are:
- Hit the deadline you assign yourself with all requirements met.
- Produce beautiful and maintainable code. You may wish to spend a few moments thinking of how another developer may wish to extend your work.
- Your code must be ready to be deployed to heroku.com without any issues