katbow / react-photo-gallery

Kata for building a photo gallery in React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Photo Gallery

The first challenge of the Findmypast front-end guild.

Functional requirements

  • Main photo display area
    • Each photo should have a caption associated with it and displayed somewhere
  • Next and Previous buttons to navigate through photos
    • When on the last photo and user clicks next, goes to the first photo
    • When on the first photo and user click previous, goes to the last photo
  • Show all the images in the gallery as a list of thumbnails
    • When clicking a thumbnail, the main image will change to that selected image
    • Highlight the thumbnail selected

If you’re looking for photos to use: http://lorempixel.com/ - you can customise the sizes.

About

Kata for building a photo gallery in React


Languages

Language:JavaScript 80.2%Language:HTML 15.5%Language:CSS 4.3%