• Skills
  • Roles
Lightbox Vanilla JS
Take Assessment
Note: The library is still in beta and assessments are a work in progress. Please go to https://t1.gl/assessments to view instructions on assessments.
TIME TO COMPLETE
4+ Hrs
CHALLENGE LEVEL
Intermediate

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:

  1. Hit the deadline you assign yourself with all requirements met.
  2. Produce beautiful and maintainable code. You may wish to spend a few moments thinking of how another developer may wish to extend your work.
  3. Your code must be ready to be deployed to heroku.com without any issues
Take Assessment