Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yokesharun/react-instagram-streamer

This will help to stream Instagram photos in your laptops on special occasions. Developed as a react package.
https://github.com/yokesharun/react-instagram-streamer

animation gallery gallery-images instagram instagram-api instagram-feed instagram-photos instagram-scraper photo-grid photo-memory photography photos react slideshow stream streaming

Last synced: 11 days ago
JSON representation

This will help to stream Instagram photos in your laptops on special occasions. Developed as a react package.

Awesome Lists containing this project

README

        

## React Instagram Streamer

![GitHub package.json version](https://img.shields.io/github/package-json/v/yokesharun/react-instagram-streamer)
![Downloads](https://img.shields.io/npm/dt/react-instagram-streamer)
[![License](https://img.shields.io/badge/License-MIT-blue)](#license)

This package will help you to display your instagram photos in a grid view and it will allow you to manupulate the view using props. The photos displayed on the grid will dynamically change with cool visuals. Its ready to use and easy to integrate on your react project. you can use in your website footer to show the company's instagram photos dynamically.

## Action

[![View Demo](https://img.shields.io/badge/View-Demo-blue?style=for-the-badge)](https://yokesharun.github.io/instagram-streamer-demo/)

[![Install - NPM Package](https://img.shields.io/badge/Install-NPM_Package-blue?style=for-the-badge)](https://www.npmjs.com/package/react-instagram-streamer)

## Installation

You can install using npm or yarn

```
npm install react-instagram-streamer
```

Using yarn
```
yarn add react-instagram-streamer
```

## Usage

Importing and using instagram streamer
```
import {InstagramStreamer} from 'react-instagram-streamer';

```

## Props

- `accessToken` - to pass the instagram access token.
- `nos` - it controls, number of the images to be displayed. Accepts Numerics.

## Preview

![Screenshot 2021-11-30 at 11 30 59 PM-min](https://user-images.githubusercontent.com/12830078/144103223-681da47f-41c4-4463-83fd-d72d13fe36b6.png)

## License

Released under [MIT](/LICENSE) by [@yokesharun](https://github.com/yokesharun).