flickr API scraper

A jQuery app that scrapes the flickr API from a tag and displays results in one page.

Techniques

To avoid mess I've tried to separate the generation of HTML from JS where possible.

I've limited the API calls to 1 call, resulting in the following compromises:

The author_id field returned both username and ID, resulting in extra processing to extract the username;
The description field duplicates information that is already present on the page. For now I have hidden the duplicates with CSS.

First time setup of this plugin will require the node packages to be installed.

If you have NVM installed, make sure to use the correct node version:

$ nvm use 8.9.x

Next install the plugin's node packages:

$ npm install

You will need to install the Grunt CLI (command line interface):

$ npm install -g grunt-cli
# => if you have used grunt before you probably have this (this can be run from any directory)

Use http-server to serve the HTML:

$ http-server

Use npm run serve to watch over file changes:

$ npm run serve

Use npm run build to build production files:

$ npm run build