Web component to show a card of your profile in Instagram using Polymer. This project is designed to work with Polymer 1.0.
This is a fork of the project originally created 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-user-card --save
Or download as ZIP.
-
Import Web Components' polyfill:
<script src="bower_components/webcomponentsjs/webcomponents-lit.min.js"></script>
-
Import Instagram custom element:
<link rel="import" href="bower_components/instagram-user-card/dist/instagram-user-card.html">
-
Start using it!
<instagram-user-card access-token="[access token]" client-id="[client id]"></instagram-user-card>
Attribute | Options | Description |
---|---|---|
clientId |
string | your id from instagram. |
accessToken |
string | key token of your user. |
@NOTE: If you do not know your clientId, you can search it here.
@NOTE: If you need an access token, you can generate one 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