This project is a simple web application that displays the most recent photos from a public Instagram account. It uses HTML, CSS, and JavaScript, and leverages the Instagram Graph API to fetch and display the photos.
- Fetches and displays the most recent photos from a public Instagram account.
- Responsive layout using CSS Flexbox.
- Easy configuration with Instagram Graph API.
-
Clone the repository:
git clone https://github.com/yourusername/instagram-feed-display.git cd instagram-feed-display
-
Open the project directory and install dependencies (if any).
- Obtain your Instagram Access Token and User ID.
- Configure the project with your Instagram Access Token and User ID (see Configuration).
- Open
index.html
in your web browser to view the feed.
To configure the project, you need to replace placeholders in the script.js
file with your Instagram Access Token and User ID.
- Open
script.js
in a text editor. - Replace
YOUR_INSTAGRAM_ACCESS_TOKEN
with your actual Instagram Access Token. - Replace
YOUR_INSTAGRAM_USER_ID
with your actual Instagram User ID.
Example:
const accessToken = 'YOUR_INSTAGRAM_ACCESS_TOKEN';
const userId = 'YOUR_INSTAGRAM_USER_ID';