Flickr Image Search with Vue.js

Search Flickr JSONP API

Search Flickr for images in this Codepen made with Vue.js. This project utilizes the Flickr public feed API, which you can see how it works in the editor above the live result.

Key learnings in this project:

  • http.jsonp : method to send JSON request
  • Learn about: Vue.directive, directive.inserted, directive.updated
  • V-if : a convenient directive to do conditional rendering, and will not exist in DOM unless the condition achieved.
  • V-show : another conditional rendering directive similar to V-if, but will still exist in DOM, and will be hidden using <style> tag once the condition is not satisfied.

Searcing for images with cats.

Here you can find an article overviewing a bit of this project.