A small simple image search engine UI

This is a simple search engine UI that I created. It uses Google Images API to retrieve results and display them in a nice masonry layout.The UI is completely decoupled from the back-end and is capable of having adaptors written to use other back-ends such as the Yahoo Image Search API.

This program works mostly within the script folder because it is using ractive.js to template out each view. This uses a bunch of utility files within this folder which are all seperated into the specific categories denoted by file name. These all form the base class which (Main.js) extends further with UI Implementation details, so as to mix concerns with connection to DataBase searching. This is the created an instance of (within app.js) where it is plugged into the Router.

All that you have to do is go to here. From inside of there you can use GoogleSearch.js as a guide of the format that the program is expecting. Then from there you extend the instance (within app.js) like so:

const YourImageDataBaseImplmentation = Main.extend({/*all the stuff for the other image database*/})