Web component to show a card of your profile in Instagram using Polymer.
Maintained by Kessiler Rodrigues.
@NOTE : Data can not be displayed, because Instagram has a limit of 5000 requests per hour.
Install the component using Bower:
$ bower install instagram-card --save
Or download as ZIP.
-
Import Web Components' polyfill:
<script src="bower_components/platform/platform.js"></script>
-
Import Instagram custom element:
<link rel="import" href="bower_components/instagram-card/dist/instagram-card.html">
-
Start using it!
<instagram-card></instagram-card>
Attribute | Options | Default | Description |
---|---|---|---|
clientId |
string | 39040169 |
your id from instagram. |
accessToken |
string | 39040169.f59def8.219f3923300a4b0aa8dcb88ec3964ea2 |
key token of your user. |
@NOTE: If you do not know your clientId, you can search it HERE!
In order to run it locally you'll need to fetch some dependencies and a basic server setup.
-
$ [sudo] npm install -g bower grunt-cli
-
Install local dependencies:
$ bower install && npm install
-
To test your project, start the development server and open
http://localhost:8000
.$ grunt server
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request