catalinmiron/x-instagram

A Polymer element for querying the Instagram API

<x-instagram>

A Polymer element for querying results from the Instagram API

Maintained by Addy Osmani.

Demo

Check it live.

Install

Using Bower, run:

$ bower install --save x-instagram

Usage

1. Import Web Components' polyfill:

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.4/platform.js"></script>

2. Import Custom Element:

<link rel="import" href="src/x-instagram.html">

3. Start using it!

<x-instagram><x-instagram>

Setup

In order to run it locally you'll need a basic server setup.

1. Install Node.js
2. Install Grunt:

$ npm install -g grunt-cli

3. Install local dependencies:

$ npm install

4. Run a local server and open http://localhost:8000.

$ grunt connect

Options

Attribute	Options	Default	Description
tag	string	``	The tag to query for (e.g 'selfie')
count	integer	30	The max number of results to return
photosPerRow	integer	10	The number of photos that will show up on a row
clientId	string	See source	An Instagram API developer client Id

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

MIT License