Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kessiler/instagram-card
Web component to show a card of your profile on Instagram using Polymer
https://github.com/kessiler/instagram-card
instagram instagram-card javascript polymer profile
Last synced: 2 months ago
JSON representation
Web component to show a card of your profile on Instagram using Polymer
- Host: GitHub
- URL: https://github.com/kessiler/instagram-card
- Owner: kessiler
- Created: 2014-07-01T22:31:35.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2014-08-10T02:28:39.000Z (over 10 years ago)
- Last Synced: 2024-10-11T01:52:47.005Z (3 months ago)
- Topics: instagram, instagram-card, javascript, polymer, profile
- Language: JavaScript
- Homepage:
- Size: 629 KB
- Stars: 9
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# <instagram-card>
> Web component to show a card of your profile in Instagram using [Polymer](http://polymer-project.org).
> Maintained by [Kessiler Rodrigues](https://github.com/kessiler).
## Demo
> @NOTE : Data can not be displayed, because Instagram has a limit of 5000 requests per hour.
[Check it live!](http://kessiler.github.io/instagram-card)
## Install
Install the component using [Bower](http://bower.io/):
```sh
$ bower install instagram-card --save
```
Or [download as ZIP](https://github.com/kessiler/instagram-card/archive/master.zip).
## Usage
1. Import Web Components' polyfill:
```html
```
2. Import Instagram custom element:
```html
```
3. Start using it!
```html
```
## Options
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!](http://jelled.com/instagram/lookup-user-id)
## Development
In order to run it locally you'll need to fetch some dependencies and a basic server setup.
* Install [Bower](http://bower.io/) & [Grunt](http://gruntjs.com/):
```sh
$ [sudo] npm install -g bower grunt-cli
```
* Install local dependencies:
```sh
$ bower install && npm install
```
* To test your project, start the development server and open `http://localhost:8000`.
```sh
$ grunt server
```
## 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
## License
[MIT License](http://opensource.org/licenses/MIT)