https://github.com/zrna/instagram-posts-page

:camera: Instagram posts page using Instagram API
https://github.com/zrna/instagram-posts-page

instagram instagram-api instagram-post javascript

Last synced: about 1 month ago
JSON representation

:camera: Instagram posts page using Instagram API

• Host: GitHub
• URL: https://github.com/zrna/instagram-posts-page
• Owner: Zrna
• Created: 2019-03-02T17:50:03.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-06-30T11:06:52.000Z (over 5 years ago)
• Last Synced: 2024-10-12T10:18:22.911Z (2 months ago)
• Topics: instagram, instagram-api, instagram-post, javascript
• Language: JavaScript
• Homepage:
• Size: 3.91 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Instagram posts page API

## Screenshot

![instagram-posts-page](https://user-images.githubusercontent.com/22341530/53685229-2aea0500-3d18-11e9-903a-807ce56538f5.png)

## Description

Instagram posts page using Instagram API to get posts from your Instagram account.

Page is made using HTML5, CSS3, JavaScript and Bootstrap.

## Features

Default post view:

    - instagram pictures and videos

    - number of likes

    - post description

    - tags

    - post date

Feel free to change the design or add/remove what you need.

## Instructions

To get photos from your profile you need to have **ACCESS TOKEN** and profile need to be **public**.

**Follow [this video](https://www.youtube.com/watch?v=WTBqQQN910A) to get your ACCESS_TOKEN**.

When you have access token go to **js/main.js file** and in the **line 2** set `const token` value to your access token (e.g. `const token = "11111111111.2222222.3a3a3a3a3a3a3a3a3a3a3a3a3a3a3a3a"`)

To set up number of posts just change `const photosNum` value in main.js.