rafgarciaa / Photo-Viewer

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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


Languages

Language:JavaScript 50.7%Language:CSS 33.9%Language:HTML 15.4%