antz29 / webcomponents-test

This simple project should introduce you to some of the ways we use front end technologies.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JavaScript Exercise

This simple project should introduce you to some of the ways we use front end technologies.

Instructions

  1. Please fork this repository and work on your fork. https://help.github.com/en/articles/fork-a-repo
  2. Commit changes frequently so that we can review your progression with you later. https://medium.com/better-programming/why-you-should-write-small-git-commits-c9a042737aa6
  3. The assets you need are in the assets folder.
  4. Put your source code in the src folder.
  5. Put your tests in the test folder.
  6. Place a demo of your working component in the demo folder.
  7. You may use whatever testing method / tool chain you are most familiar with.
  8. We don't expect 100% code coverage, we expect well tested code. https://medium.com/@nicklee1/why-test-code-coverage-targets-are-a-bad-idea-1b9b8ef711ef
  9. The specification is below.

Specification

You are to build a web component based image gallery.

  • It will display between 2 - 10 images.
  • Each image may have an optional caption.
  • It should be possible to click the image to see a lightboxed version of the image.

See the video below to see the interaction design.

Specification Video

About

This simple project should introduce you to some of the ways we use front end technologies.