Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yasinatesim/instagram-media-downloader

This project is a full size Instagram photo display tool. 😎
https://github.com/yasinatesim/instagram-media-downloader

instagram-downloader-app instagram-hightlight instagram-post-downloader instagram-profile-media instagram-profile-picture instagram-reels-downloader instagram-story-downloader nextjs

Last synced: 7 days ago
JSON representation

This project is a full size Instagram photo display tool. 😎

Awesome Lists containing this project

README

        




Instagram Media Downloader


Instagram Media Downloader



Effortlessly download Instagram reels, stories, and posts without the need for user authentication. Enjoy seamless content saving in a user-friendly app.


Β· View App

## πŸ“– About

**Instagram Media Downloader:**

Effortlessly download Instagram reels, stories, and posts with our user-friendly app. No login needed! πŸš€

**Features:**
- **Profile Picture:** Instantly download full size Instagram profile pictures.
- **Story Download:** Easily save your favorite stories.
- **Highlights Download:** Save Instagram highlights effortlessly.
- **Post Download:** Download Instagram posts hassle-free.
- **Reels Download:** One-click download for Instagram reels.

Simplify your media saving experience! No login, no hassle. Enjoy Instagram content offline. πŸ“²βœ¨

### πŸ“šTech Stack


dilame/instagram-private-api
NodeJS Instagram private API SDK. Written in TypeScript.

Next.js

The React Framework for SEO Friendly website and more...

Commitlint

Send commit messages to conventional commits rules


TypeScript
TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

CSS Modules

Class names and animation names are scoped locally CSS files

SASS

The most mature, stable, and powerful professional grade CSS extension language in the world

Editorconfig

Helps maintain consistent coding styles for my working on the same project across various editors and IDEs

Eslint

Find and fix problems in your JavaScript code

Eslint Simple Import Sort

Enforce consistent import order in your JavaScript code

Prettier

An opinionated code formatter

## 🧐 What's inside?

### Instagram Story, Highlight, Reels and Post Downloader

1. Copy Instagram URL

![Step 1](./src/assets/images/how-to-use-1.jpg)

2. Paste the URL into the first input on the page

![Step 2](./src/assets/images/how-to-use-2.jpg)

3. Select and copy all JSON code from the tab

![Step 3](./src/assets/images/how-to-use-3.jpg)

4. Paste the code into the input. You will then be redirected to the result page

![Step 4](./src/assets/images/how-to-use-4.jpg)

### Instagram Full Size Profile Picture Downloader
Allows you to easily retrieve and download high-resolution profile pictures from Instagram. Whether you want to save your own profile picture or download someone else's, this tool simplifies the process, providing you with a hassle-free way to access and store full-size profile images. Enjoy the convenience of quickly obtaining Instagram profile pictures for various purposes with this efficient downloader.

## Getting Started

### πŸ“¦ Prerequisites

- Node (v18.17.0+)

- Npm (v9.0.0+)

### βš™οΈ How To Use

1. Clone this repository

```bash

git clone https://github.com/yasinatesim/instagram-media-downloader.git

```

2. Add .env file on root

```bash

# Your Firebase - Firestore Database info -> https://console.firebase.google.com/
NEXT_PUBLIC_FIREBASE_PRIVATE_KEY=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_CLIENT_EMAIL=

# Rapid Api - https://rapidapi.com/mrngstar/api/instagram-api-20231
RAPID_API_KEY=

# You need Google Recaptcha token for below field and you should add *localhost* domain in Google Recaptcha console "Domains" section
# https://www.google.com/recaptcha/admin/create
NEXT_PUBLIC_RECAPTCHA_SITE_KEY=
RECAPTCHA_SECRET_KEY=

# You need an Instagram account, please enter your Instagram account Username and Password
IG_USERNAME=
IG_PASSWORD=

# You need Instagram device string, please choose one on this link -> https://github.com/dilame/instagram-private-api/blob/623a348343e34058c3a286693740aa3698aed3cc/src/samples/devices.json

IG_DEVICE_STRING=

# The project uses to dilame/instagram-private-api.The library has `generateDevice` function and the function return the below fields. Please run this function in the dilame/instagram-private-api project and enter the below fields

# https://github.com/dilame/instagram-private-api/blob/623a348343e34058c3a286693740aa3698aed3cc/src/core/state.ts#L245
IG_DEVICE_ID=
IG_UUID=
IG_PHONE_ID=
IG_ADID=
IG_BUILD=

```

3. Install the project dependencies

```bash

npm install

```

**For Development**

```bash

npm run dev

```

### For Docker

Docker Build

```bash
docker build -t instagram-media-downloader .
```

Docker Run

```bash
docker run -p 3000:3000 -d instagram-media-downloader
```

App is running to [http://localhost:3000/](http://localhost:3000/)

### For Docker Compose

```bash
docker-compose up --build
```

App is running to [http://localhost:3000/](http://localhost:3000/)

**For Production Build & Build Start**

```bash

npm run build

```

and

```bash

npm run start

```

**For Lint**

```bash
npm run lint
```

## πŸ”‘ License

* Copyright Β© 2024 - MIT License.

See [LICENSE](https://github.com/yasinatesim/instagram-media-downloader/blob/master/LICENSE) for more information.

---

_This README was generated with by [markdown-manager](https://github.com/yasinatesim/markdown-manager)_ πŸ₯²