/Photo-Viewer

A coding exercise utilizing Flickr API to grab photos and displaying them on a webpage as thumbnails - 10 photos at a time.

Primary LanguageJavaScript

A coding exercise utilizing Flickr API to grab photos and displaying them on a webpage as thumbnails - 10 photos at a time. This app is written in VanillaJS.

Features

  • Images are retrieved from Flickr gallery and stored in an array.
  • Thumbnails are paginated by 10 thumbnails per page.
  • Image title is shown on hover.
  • Upon clicking an image, it will be displayed in a modal.
  • Modal can be closed by simply clicking on the overlay or the image itself.

Instructions

  • Navigate to project directory
  • Run command in terminal: npm i && npm start or simply npm start