├── cookies.txt
├── requirements.txt
├── vercel.json
├── LICENSE
├── app.py
├── README.md
└── status.html


/cookies.txt:
--------------------------------------------------------------------------------
1 | Your NetScape Format Cookies Here
2 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | flask
2 | instaloader
3 | requests
4 | 


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": 2,
 3 |   "builds": [
 4 |     {
 5 |       "src": "app.py",
 6 |       "use": "@vercel/python"
 7 |     }
 8 |   ],
 9 |   "routes": [
10 |     {
11 |       "src": "/(.*)",
12 |       "dest": "app.py"
13 |     }
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2025 TheSmartDevs
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
  1 | from flask import Flask, request, jsonify, send_file  # Added send_file import
  2 | import instaloader
  3 | import os
  4 | import re
  5 | import http.cookiejar
  6 | 
  7 | app = Flask(__name__)
  8 | 
  9 | def validate_url(url):
 10 |     pattern = r'instagram\.com/(p|reel|tv)/([A-Za-z0-9-_]+)'
 11 |     match = re.search(pattern, url)
 12 |     if match:
 13 |         return match.group(2)
 14 |     return None
 15 | 
 16 | def load_cookies_from_file(cookies_path):
 17 |     cookies = {}
 18 |     try:
 19 |         cookie_jar = http.cookiejar.MozillaCookieJar()
 20 |         cookie_jar.load(cookies_path, ignore_discard=True, ignore_expires=True)
 21 |         for cookie in cookie_jar:
 22 |             if cookie.name in ["sessionid", "csrftoken"] and cookie.domain == ".instagram.com":
 23 |                 cookies[cookie.name] = cookie.value
 24 |         if "sessionid" in cookies and "csrftoken" in cookies:
 25 |             return cookies
 26 |         else:
 27 |             return None
 28 |     except Exception:
 29 |         return None
 30 | 
 31 | def get_instagram_post_urls(url, cookies_file="cookies.txt"):
 32 |     result = {
 33 |         "status": "error",
 34 |         "message": "",
 35 |         "media_urls": [],
 36 |         "title": None,
 37 |         "author": None,
 38 |         "developer": "API Developer : @ISmartDevs",
 39 |         "channel": "Updates Channel : @TheSmartDev"
 40 |     }
 41 |     
 42 |     shortcode = validate_url(url)
 43 |     if not shortcode:
 44 |         result["message"] = "Please Provide Valid URL"
 45 |         return result
 46 | 
 47 |     try:
 48 |         loader = instaloader.Instaloader(
 49 |             user_agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36"
 50 |         )
 51 | 
 52 |         script_dir = os.path.dirname(os.path.abspath(__file__))
 53 |         cookies_path = os.path.join(script_dir, cookies_file)
 54 | 
 55 |         if not os.path.isfile(cookies_path):
 56 |             result["message"] = f"Cookies Missing Bro Add Cookies"
 57 |             return result
 58 | 
 59 |         cookies = load_cookies_from_file(cookies_path)
 60 |         if not cookies:
 61 |             result["message"] = "Invalid Cookies Provided Update Cookies"
 62 |             return result
 63 | 
 64 |         loader.context._session.cookies.set("sessionid", cookies["sessionid"], domain=".instagram.com")
 65 |         loader.context._session.cookies.set("csrftoken", cookies["csrftoken"], domain=".instagram.com")
 66 | 
 67 |         post = instaloader.Post.from_shortcode(loader.context, shortcode)
 68 | 
 69 |         media_urls = []
 70 |         # For videos or images
 71 |         if post.is_video:
 72 |             media_urls.append(post.video_url)
 73 |         else:
 74 |             media_urls.append(post.url)
 75 | 
 76 |         # If sidecar (multiple media)
 77 |         if post.typename == "GraphSidecar":
 78 |             for node in post.get_sidecar_nodes():
 79 |                 media_urls.append(node.video_url if node.is_video else node.display_url)
 80 | 
 81 |         result["status"] = "success"
 82 |         result["message"] = "Media URLs extracted successfully."
 83 |         result["media_urls"] = media_urls
 84 |         result["title"] = post.caption if post.caption else "No caption"
 85 |         result["author"] = post.owner_username
 86 | 
 87 |         return result
 88 | 
 89 |     except instaloader.exceptions.LoginRequiredException:
 90 |         result["message"] = "Sorry Bro Private Post Need Proper Cookies"
 91 |         return result
 92 |     except instaloader.exceptions.BadResponseException as bre:
 93 |         result["message"] = f"Instagram Meta API Dead"
 94 |         return result
 95 |     except Exception as e:
 96 |         result["message"] = f"Error: {str(e)}"
 97 |         return result
 98 | 
 99 | @app.route('/', methods=['GET'])
100 | def api_status():
101 |     """
102 |     Flask endpoint for API status page (GET request).
103 |     Serves the status.html file.
104 |     """
105 |     return send_file('status.html'), 200
106 | 
107 | @app.route('/download', methods=['GET'])
108 | def download():
109 |     url = request.args.get("url")
110 |     if not url:
111 |         return jsonify({"status": "error", "message": "URL Required To Download Your Desired Media!"}), 400
112 | 
113 |     result = get_instagram_post_urls(url)
114 |     status_code = 200 if result["status"] == "success" else 400
115 |     return jsonify(result), status_code
116 | 
117 | if __name__ == "__main__":
118 |     app.run(host="0.0.0.0", port=5000, debug=True)
119 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | ## SmartDev's Instagram Scraper API 🌟
  2 | 
  3 | ![GitHub stars](https://img.shields.io/github/stars/TheSmartDevs/Insta-Scrapper-API?style=social)
  4 | ![GitHub forks](https://img.shields.io/github/forks/TheSmartDevs/Insta-Scrapper-API?style=social)
  5 | ![GitHub issues](https://img.shields.io/github/issues/TheSmartDevs/Insta-Scrapper-API)
  6 | ![License](https://img.shields.io/github/license/TheSmartDevs/Insta-Scrapper-API)
  7 | 
  8 | Welcome to **SmartDev's Instagram Scraper API**! 🚀 This API allows developers to extract direct media URLs (images and videos) from Instagram posts and reels using a simple and reliable endpoint. Designed for developers and data enthusiasts, this open-source project provides clear documentation to integrate Instagram media scraping into your applications.
  9 | 
 10 | ---
 11 | 
 12 | ## 🌟 Features
 13 | 
 14 | - **Fast & Reliable**: Extract media URLs from Instagram posts and reels quickly.
 15 | - **Simple Endpoint**: Use a single GET request with a URL query parameter.
 16 | - **Open Source**: Fully open-source and community-driven.
 17 | - **Comprehensive Documentation**: Clear examples and notes for easy integration.
 18 | 
 19 | ---
 20 | 
 21 | ## 🚀 Getting Started
 22 | 
 23 | ### Prerequisites
 24 | - A valid Instagram account with session cookies (`sessionid` and `csrftoken`).
 25 | - Basic knowledge of HTTP requests and JSON.
 26 | - Node.js or any HTTP client for testing (e.g., Postman, cURL).
 27 | 
 28 | ### Installation
 29 | 1. **Clone the Repository**:
 30 |    ```bash
 31 |    git clone https://github.com/TheSmartDevs/Insta-Scrapper-API.git
 32 |    cd Insta-Scrapper-API
 33 |    ```
 34 | 
 35 | 2. **Install Dependencies**:
 36 |    ```bash
 37 |    npm install
 38 |    ```
 39 | 
 40 | 3. **Configure Cookies**:
 41 |    - Add your Instagram session cookies in `cookies/cookies.txt` in Netscape format.
 42 |    - Example:
 43 |      ```
 44 |      # Netscape HTTP Cookie File
 45 |      .instagram.com	TRUE	/	FALSE	0	sessionid	your_session_id
 46 |      .instagram.com	TRUE	/	FALSE	0	csrftoken	your_csrf_token
 47 |      ```
 48 | 
 49 | 4. **Run the API**:
 50 |    ```bash
 51 |    npm start
 52 |    ```
 53 | 
 54 | 5. **Access the API**:
 55 |    - The API will be available at `http://localhost:3000` (or your deployed URL, e.g., `https://its-smart-dev.vercel.app`).
 56 | 
 57 | ---
 58 | 
 59 | ## 📚 API Documentation
 60 | 
 61 | ### Endpoint: `GET /download`
 62 | 
 63 | Extract media URLs from an Instagram post or reel.
 64 | 
 65 | #### Request
 66 | ```bash
 67 | curl -X GET "https://your-api-url/download?url=https://www.instagram.com/p/XXXXX/"
 68 | curl -X GET "https://your-api-url/download?url=https://www.instagram.com/reel/XXXXX/"
 69 | ```
 70 | 
 71 | #### Response (Success)
 72 | ```json
 73 | {
 74 |   "status": "success",
 75 |   "message": "Media URLs extracted successfully.",
 76 |   "media_urls": [
 77 |     "https://instagram.com/.../media1.jpg",
 78 |     "https://instagram.com/.../media2.mp4"
 79 |   ],
 80 |   "title": "Post caption",
 81 |   "author": "username",
 82 |   "developer": "API Developer : @ISmartDevs",
 83 |   "channel": "Updates Channel : @TheSmartDev"
 84 | }
 85 | ```
 86 | 
 87 | #### Response (Error)
 88 | ```json
 89 | {
 90 |   "status": "error",
 91 |   "message": "URL Required To Download Your Desired Media!",
 92 |   "media_urls": [],
 93 |   "title": null,
 94 |   "author": null,
 95 |   "developer": "API Developer : @ISmartDevs",
 96 |   "channel": "Updates Channel : @TheSmartDev"
 97 | }
 98 | ```
 99 | 
100 | #### Notes
101 | - Requires valid Instagram session cookies in `cookies/cookies.txt` with `sessionid` and `csrftoken`.
102 | - The URL must be in the format `https://www.instagram.com/p/XXXXX/` for posts or `https://www.instagram.com/reel/XXXXX/` for reels.
103 | - Query parameters (e.g., `?igsh=...`) are ignored by the API.
104 | 
105 | ---
106 | 
107 | ## 🛠️ Usage Example
108 | 
109 | ### Using JavaScript (Fetch)
110 | ```javascript
111 | const url = "https://www.instagram.com/p/XXXXX/";
112 | fetch(`https://your-api-url/download?url=${encodeURIComponent(url)}`)
113 |   .then(response => response.json())
114 |   .then(data => console.log(data))
115 |   .catch(error => console.error("Error:", error));
116 | ```
117 | 
118 | ### Using Python (Requests)
119 | ```python
120 | import requests
121 | 
122 | url = "https://www.instagram.com/reel/XXXXX/"
123 | response = requests.get(f"https://your-api-url/download?url={url}")
124 | print(response.json())
125 | ```
126 | 
127 | ---
128 | 
129 | ## 🌍 Contributing
130 | 
131 | We love contributions! 💖 Follow these steps to contribute:
132 | 
133 | 1. **Fork the Repository** 🍴
134 | 2. **Create a Branch**:
135 |    ```bash
136 |    git checkout -b feature-branch
137 |    ```
138 | 3. **Commit Changes**:
139 |    ```bash
140 |    git commit -m "Add new feature"
141 |    ```
142 | 4. **Push to Branch**:
143 |    ```bash
144 |    git push origin feature-branch
145 |    ```
146 | 5. **Open a Pull Request** 📬
147 | 
148 | Check out the repository on [GitHub](https://github.com/TheSmartDevs/Insta-Scrapper-API).
149 | 
150 | ---
151 | 
152 | ## 📬 Contact Us
153 | 
154 | Join our community and stay updated:
155 | 
156 | - **Instagram**: [@ISmartDevs](https://x.com/abirxdhackz)
157 | - **Telegram**: [TheSmartDev](https://t.me/TheSmartDev)
158 | - **GitHub**: [@TheSmartDevs](https://github.com/TheSmartDevs/Insta-Scrapper-API)
159 | 
160 | ---
161 | 
162 | ## 🏆 Acknowledgments
163 | 
164 | - Built with ❤️ by [TheSmartDevs](https://t.me/TheSmartDev).
165 | - Powered by [Bootstrap](https://getbootstrap.com), [Font Awesome](https://fontawesome.com), and [GSAP](https://greensock.com/gsap/) for the documentation site.
166 | - Special thanks to our contributors! 🌟
167 | 
168 | ---
169 | 
170 | ## 📝 License
171 | 
172 | This project is licensed under the [MIT License](LICENSE).
173 | 
174 | ---
175 | 
176 | © 2025 SmartDev's Instagram Scraper API | Powered by [TheSmartDev](https://t.me/TheSmartDev)
177 | 


--------------------------------------------------------------------------------
/status.html:
--------------------------------------------------------------------------------
  1 | <?php
  2 | // No dynamic PHP logic needed, as we're only displaying static documentation
  3 | ?>
  4 | <!DOCTYPE html>
  5 | <html lang="en">
  6 | <head>
  7 |     <meta charset="UTF-8">
  8 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9 |     <meta name="description" content="SmartDev's Instagram Scraper API - Documentation for extracting media URLs from Instagram posts and reels.">
 10 |     <meta property="og:title" content="SmartDev's Instagram Scraper API Documentation">
 11 |     <meta property="og:description" content="API documentation for scraping Instagram media URLs. Learn how to use it!">
 12 |     <title>SmartDev's Insta Scraper API Documentation</title>
 13 |     <!-- Bootstrap CSS -->
 14 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 15 |     <!-- Font Awesome for Icons -->
 16 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous">
 17 |     <!-- Google Fonts -->
 18 |     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
 19 |     <!-- AOS CSS -->
 20 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 21 |     <!-- Custom CSS -->
 22 |     <style>
 23 |         :root {
 24 |             --primary-bg: #ffffff;
 25 |             --secondary-bg: #f8f9fa;
 26 |             --accent-color: #28a745;
 27 |             --text-color: #333333;
 28 |             --hover-scale: 1.05;
 29 |             --shadow-color: rgba(0, 0, 0, 0.2);
 30 |         }
 31 | 
 32 |         [data-theme="dark"] {
 33 |             --primary-bg: #0a0e17;
 34 |             --secondary-bg: #1a1f2e;
 35 |             --accent-color: #00ff88;
 36 |             --text-color: #d4d4d8;
 37 |             --shadow-color: rgba(0, 0, 0, 0.7);
 38 |         }
 39 | 
 40 |         body {
 41 |             background-color: var(--primary-bg);
 42 |             color: var(--text-color);
 43 |             font-family: 'Poppins', sans-serif;
 44 |             scroll-behavior: smooth;
 45 |             transition: background-color 0.3s, color 0.3s;
 46 |             position: relative;
 47 |             overflow-x: hidden;
 48 |         }
 49 | 
 50 |         .hero {
 51 |             background: linear-gradient(to right, #e8f5e9, #c8e6c9);
 52 |             padding: 120px 0;
 53 |             text-align: center;
 54 |             border-bottom: 2px solid var(--accent-color);
 55 |         }
 56 | 
 57 |         [data-theme="dark"] .hero {
 58 |             background: linear-gradient(to right, #1a1f2e, #2a3247);
 59 |             border-bottom: 2px solid var(--accent-color);
 60 |         }
 61 | 
 62 |         .hero h1 {
 63 |             font-size: 4rem;
 64 |             font-weight: 600;
 65 |             margin-bottom: 20px;
 66 |             color: var(--text-color);
 67 |             text-shadow: 2px 2px 4px var(--shadow-color);
 68 |         }
 69 | 
 70 |         .hero p {
 71 |             font-size: 1.6rem;
 72 |             color: var(--text-color);
 73 |         }
 74 | 
 75 |         .navbar {
 76 |             background-color: var(--secondary-bg);
 77 |             box-shadow: 0 2px 8px var(--shadow-color);
 78 |             transition: background-color 0.3s;
 79 |         }
 80 | 
 81 |         .navbar.scrolled {
 82 |             background-color: var(--primary-bg);
 83 |         }
 84 | 
 85 |         .navbar .nav-link {
 86 |             color: var(--text-color);
 87 |             font-weight: 400;
 88 |             transition: color 0.3s, transform 0.3s;
 89 |         }
 90 | 
 91 |         [data-theme="dark"] .navbar .nav-link {
 92 |             color: var(--text-color);
 93 |         }
 94 | 
 95 |         .navbar .nav-link:hover {
 96 |             color: var(--accent-color);
 97 |             transform: translateY(-2px);
 98 |         }
 99 | 
100 |         section {
101 |             padding: 80px 0;
102 |         }
103 | 
104 |         h2 {
105 |             color: var(--accent-color);
106 |             font-weight: 600;
107 |             margin-bottom: 30px;
108 |             position: relative;
109 |         }
110 | 
111 |         h2::after {
112 |             content: '';
113 |             width: 50px;
114 |             height: 3px;
115 |             background: var(--accent-color);
116 |             position: absolute;
117 |             bottom: -10px;
118 |             left: 0;
119 |         }
120 | 
121 |         .btn-custom {
122 |             background-color: var(--accent-color);
123 |             color: #ffffff;
124 |             border: none;
125 |             padding: 10px 20px;
126 |             border-radius: 25px;
127 |             transition: transform 0.2s, box-shadow 0.2s, background-color 0.3s;
128 |         }
129 | 
130 |         .btn-custom:hover {
131 |             transform: scale(var(--hover-scale));
132 |             box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4);
133 |             background-color: #218838;
134 |         }
135 | 
136 |         [data-theme="dark"] .btn-custom:hover {
137 |             box-shadow: 0 5px 15px rgba(0, 255, 136, 0.4);
138 |             background-color: #00cc70;
139 |         }
140 | 
141 |         .card {
142 |             border: none;
143 |             border-radius: 10px;
144 |             box-shadow: 0 4px 12px var(--shadow-color);
145 |             transition: transform 0.3s;
146 |             background-color: var(--primary-bg);
147 |             color: var(--text-color);
148 |         }
149 | 
150 |         [data-theme="dark"] .card {
151 |             background-color: var(--secondary-bg);
152 |             color: var(--text-color);
153 |         }
154 | 
155 |         .card:hover {
156 |             transform: translateY(-5px);
157 |         }
158 | 
159 |         .accordion-button {
160 |             background-color: var(--secondary-bg);
161 |             color: var(--text-color);
162 |             font-weight: 500;
163 |             transition: background-color 0.3s, color 0.3s;
164 |         }
165 | 
166 |         [data-theme="dark"] .accordion-button {
167 |             background-color: var(--secondary-bg);
168 |             color: var(--text-color);
169 |         }
170 | 
171 |         .accordion-button:not(.collapsed) {
172 |             background-color: var(--accent-color);
173 |             color: #ffffff;
174 |         }
175 | 
176 |         .accordion-body {
177 |             background-color: var(--primary-bg);
178 |             border: 1px solid #dee2e6;
179 |             color: var(--text-color);
180 |         }
181 | 
182 |         [data-theme="dark"] .accordion-body {
183 |             border: 1px solid #3a3f4e;
184 |             color: var(--text-color);
185 |         }
186 | 
187 |         .text-accent {
188 |             color: var(--accent-color);
189 |             transition: color 0.3s;
190 |         }
191 | 
192 |         .text-accent:hover {
193 |             color: #1e7e34;
194 |         }
195 | 
196 |         [data-theme="dark"] .text-accent:hover {
197 |             color: #00cc70;
198 |         }
199 | 
200 |         .fa-instagram, .fa-telegram, .fa-github {
201 |             font-size: 1.2rem;
202 |             margin-right: 5px;
203 |         }
204 | 
205 |         .glow-text {
206 |             text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
207 |         }
208 | 
209 |         .starry-bg {
210 |             position: absolute;
211 |             top: 0;
212 |             left: 0;
213 |             width: 100%;
214 |             height: 100%;
215 |             pointer-events: none;
216 |             opacity: 0;
217 |             transition: opacity 0.5s;
218 |         }
219 | 
220 |         [data-theme="dark"] .starry-bg {
221 |             opacity: 0.3;
222 |         }
223 | 
224 |         .star {
225 |             position: absolute;
226 |             background: white;
227 |             border-radius: 50%;
228 |             animation: twinkle 2s infinite alternate;
229 |         }
230 | 
231 |         @keyframes twinkle {
232 |             0% { opacity: 0.3; }
233 |             100% { opacity: 1; }
234 |         }
235 | 
236 |         footer {
237 |             background-color: var(--secondary-bg);
238 |             padding: 30px 0;
239 |             text-align: center;
240 |             border-top: 1px solid #dee2e6;
241 |         }
242 | 
243 |         [data-theme="dark"] footer {
244 |             border-top: 1px solid #3a3f4e;
245 |         }
246 | 
247 |         footer p {
248 |             color: var(--text-color);
249 |         }
250 | 
251 |         .social-icons a {
252 |             font-size: 2rem;
253 |             margin: 0 15px;
254 |             transition: transform 0.3s, opacity 0.3s;
255 |         }
256 | 
257 |         .social-icons a:hover {
258 |             transform: scale(1.2);
259 |             opacity: 0.8;
260 |         }
261 | 
262 |         .fa-facebook-f { color: #1877f2; }
263 |         .fa-github { color: #181717; }
264 |         [data-theme="dark"] .fa-github { color: #d4d4d8; }
265 |         .fa-telegram { color: #0088cc; }
266 |         .fa-instagram { color: #e4405f; }
267 |         .fa-twitter { color: #1da1f2; }
268 | 
269 |         #back-to-top {
270 |             position: fixed;
271 |             bottom: 30px;
272 |             right: 30px;
273 |             display: none;
274 |             background-color: var(--accent-color);
275 |             color: #ffffff;
276 |             border: none;
277 |             padding: 12px 18px;
278 |             border-radius: 50%;
279 |             transition: transform 0.2s, opacity 0.3s;
280 |         }
281 | 
282 |         #back-to-top:hover {
283 |             transform: scale(1.1);
284 |             opacity: 0.9;
285 |         }
286 | 
287 |         .theme-toggle {
288 |             background-color: transparent;
289 |             border: none;
290 |             color: var(--text-color);
291 |             font-size: 1.2rem;
292 |             padding: 8px;
293 |             transition: color 0.3s, transform 0.3s;
294 |             display: flex;
295 |             align-items: center;
296 |         }
297 | 
298 |         .theme-toggle:hover {
299 |             color: var(--accent-color);
300 |             transform: scale(1.2);
301 |         }
302 | 
303 |         .theme-toggle .fa-sun { display: inline; }
304 |         .theme-toggle .fa-moon { display: none; }
305 |         [data-theme="dark"] .theme-toggle .fa-sun { display: none; }
306 |         [data-theme="dark"] .theme-toggle .fa-moon { display: inline; }
307 | 
308 |         @media (max-width: 768px) {
309 |             .hero h1 { font-size: 2.5rem; }
310 |             .hero p { font-size: 1.2rem; }
311 |             section { padding: 50px 0; }
312 |             .social-icons a { font-size: 1.5rem; margin: 0 10px; }
313 |             .theme-toggle { font-size: 1rem; padding: 6px; }
314 |         }
315 |     </style>
316 | </head>
317 | <body>
318 |     <!-- Starry Background for Dark Mode -->
319 |     <div class="starry-bg" id="starry-bg"></div>
320 | 
321 |     <!-- Hero Section -->
322 |     <header class="hero">
323 |         <div class="container">
324 |             <h1>SmartDev's Insta Scraper API <i class="fab fa-instagram me-2 text-accent"></i></h1>
325 |             <p>API documentation for extracting media URLs from Instagram posts and reels! ✨</p>
326 |             <a href="#docs" class="btn btn-custom mt-4">View Documentation</a>
327 |         </div>
328 |     </header>
329 | 
330 |     <!-- Navigation -->
331 |     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
332 |         <div class="container">
333 |             <a class="navbar-brand" href="#">Insta Scraper API <i class="fab fa-instagram me-2 text-accent"></i></a>
334 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
335 |                 <span class="navbar-toggler-icon"></span>
336 |             </button>
337 |             <div class="collapse navbar-collapse" id="navbarNav">
338 |                 <ul class="navbar-nav ms-auto align-items-center">
339 |                     <li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
340 |                     <li class="nav-item"><a class="nav-link" href="#docs">Docs</a></li>
341 |                     <li class="nav-item"><a class="nav-link" href="#contribute">Contribute</a></li>
342 |                     <li class="nav-item">
343 |                         <button id="theme-toggle" class="btn theme-toggle" aria-label="Toggle theme">
344 |                             <i class="fas fa-sun"></i>
345 |                             <i class="fas fa-moon"></i>
346 |                         </button>
347 |                     </li>
348 |                 </ul>
349 |             </div>
350 |         </div>
351 |     </nav>
352 | 
353 |     <!-- Documentation Section -->
354 |     <section id="docs" class="container" data-aos="fade-up">
355 |         <h2>API Documentation 📚</h2>
356 |         <p class="text-center text-success fs-5 mb-4">API Status: <span id="api-status" class="fw-bold">Live</span> ⚡️</p>
357 |         <div class="accordion" id="docsAccordion">
358 |             <div class="accordion-item">
359 |                 <h2 class="accordion-header" id="headingApi">
360 |                     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseApi" aria-expanded="true" aria-controls="collapseApi">
361 |                         GET /download - How It Works
362 |                     </button>
363 |                 </h2>
364 |                 <div id="collapseApi" class="accordion-collapse collapse show" aria-labelledby="headingApi" data-bs-parent="#docsAccordion">
365 |                     <div class="accordion-body">
366 |                         <p>Send a GET request to <code>/download</code> with an Instagram post or reel URL as a query parameter.</p>
367 |                         <pre>
368 | <strong>Request Example:</strong>
369 | curl -X GET "https://its-smart-dev.vercel.app/download?url=https://www.instagram.com/p/XXXXX/"
370 | curl -X GET "https://its-smart-dev.vercel.app/download?url=https://www.instagram.com/reel/XXXXX/"
371 | 
372 | <strong>Response Example (Success):</strong>
373 | {
374 |   "status": "success",
375 |   "message": "Media URLs extracted successfully.",
376 |   "media_urls": [
377 |     "https://instagram.com/.../media1.jpg",
378 |     "https://instagram.com/.../media2.mp4"
379 |   ],
380 |   "title": "Post caption",
381 |   "author": "username",
382 |   "developer": "API Developer : @ISmartDevs",
383 |   "channel": "Updates Channel : @TheSmartDev"
384 | }
385 | 
386 | <strong>Response Example (Error):</strong>
387 | {
388 |   "status": "error",
389 |   "message": "URL Required To Download Your Desired Media!",
390 |   "media_urls": [],
391 |   "title": null,
392 |   "author": null,
393 |   "developer": "API Developer : @ISmartDevs",
394 |   "channel": "Updates Channel : @TheSmartDev"
395 | }
396 |                         </pre>
397 |                         <p><strong>Note:</strong> Requires valid Instagram session cookies (<code>cookies.txt</code>) in Netscape format with <code>sessionid</code> and <code>csrftoken</code>.</p>
398 |                     </div>
399 |                 </div>
400 |             </div>
401 |         </div>
402 |     </section>
403 | 
404 |     <!-- Contribute Section -->
405 |     <section id="contribute" class="container" data-aos="fade-up">
406 |         <h2>Contribute 🌟</h2>
407 |         <div class="card p-4">
408 |             <p>Contributions are welcome! Follow these steps to contribute:</p>
409 |             <ol>
410 |                 <li>Fork the repository. 🍴</li>
411 |                 <li>Create a new branch (<code>git checkout -b feature-branch</code>). 🌿</li>
412 |                 <li>Commit your changes (<code>git commit -m 'Add new feature'</code>). 💾</li>
413 |                 <li>Push to the branch (<code>git push origin feature-branch</code>). 🚀</li>
414 |                 <li>Open a Pull Request. 📬</li>
415 |             </ol>
416 |             <p>Check out the repository on <a href="https://github.com/TheSmartDevs/Insta-Scrapper-API" target="_blank" class="text-accent"><i class="fa-brands fa-github"></i> @TheSmartDevs</a>.</p>
417 |         </div>
418 |     </section>
419 | 
420 |     <!-- Footer -->
421 |     <footer>
422 |         <p>Built with ❤️ by <a href="https://x.com/abirxdhackz" target="_blank" class="text-accent"><i class="fa-brands fa-instagram"></i> ISmartDevs</a></p>
423 |         <p>Join our community at <a href="https://t.me/TheSmartDev" target="_blank" class="text-accent"><i class="fa-brands fa-telegram"></i> TheSmartDev</a></p>
424 |         <p>This API is Open Source on <a href="https://github.com/TheSmartDevs/Insta-Scrapper-API" target='_blank' class="text-accent"><i class="fa-brands fa-github"></i> @TheSmartDevs</a></p>
425 |         <p>© 2025 Instagram Post Scraper API | Powered by <a href="https://t.me/TheSmartDev" target="_blank" class="text-accent"><i class="fa-brands fa-telegram"></i> TheSmartDev</a></p>
426 |     </footer>
427 | 
428 |     <!-- Back to Top Button -->
429 |     <button id="back-to-top" class="btn"><i class="fas fa-arrow-up"></i></button>
430 | 
431 |     <!-- GSAP for Animations -->
432 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4b9aH0h67vO4z6e7FBaJZ6gn2xlt6lDOck'nrZPDurW8nW47SO7iAwd+rCE2+K3lQ2+Ve16PzfO6w==" crossorigin="anonymous"></script>
433 |     <!-- Bootstrap JS and Popper -->
434 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
435 |     <!-- AOS JS -->
436 |     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
437 |     <!-- Client-side JavaScript -->
438 |     <script>
439 |         // Initialize AOS
440 |         AOS.init({
441 |             duration: 1000,
442 |             once: true
443 |         });
444 | 
445 |         // Initialize Bootstrap Tooltips
446 |         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
447 |         [...tooltipTriggerList].forEach(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
448 | 
449 |         // Theme Toggle
450 |         const themeToggle = document.getElementById('theme-toggle');
451 |         const currentTheme = localStorage.getItem('theme') || 'light';
452 |         if (currentTheme === 'dark') {
453 |             document.documentElement.setAttribute('data-theme', 'dark');
454 |             themeToggle.querySelector('.fa-moon').style.display = 'inline';
455 |             themeToggle.querySelector('.fa-sun').style.display = 'none';
456 |         } else {
457 |             document.documentElement.setAttribute('data-theme', 'light');
458 |             themeToggle.querySelector('.fa-sun').style.display = 'inline';
459 |             themeToggle.querySelector('.fa-moon').style.display = 'none';
460 |         }
461 | 
462 |         themeToggle.addEventListener('click', () => {
463 |             let theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
464 |             document.documentElement.setAttribute('data-theme', theme);
465 |             localStorage.setItem('theme', theme);
466 |             if (theme === 'dark') {
467 |                 themeToggle.querySelector('.fa-moon').style.display = 'inline';
468 |                 themeToggle.querySelector('.fa-sun').style.display = 'none';
469 |             } else {
470 |                 themeToggle.querySelector('.fa-sun').style.display = 'inline';
471 |                 themeToggle.querySelector('.fa-moon').style.display = 'none';
472 |             }
473 |             generateStars();
474 |         });
475 | 
476 |         // Generate Starry Background for Dark Mode
477 |         function generateStars() {
478 |             const starryBg = document.getElementById('starry-bg');
479 |             starryBg.innerHTML = '';
480 |             if (document.documentElement.getAttribute('data-theme') === 'dark') {
481 |                 for (let i = 0; i < 50; i++) {
482 |                     const star = document.createElement('div');
483 |                     star.className = 'star';
484 |                     star.style.width = `${Math.random() * 3}px`;
485 |                     star.style.height = star.style.width;
486 |                     star.style.left = `${Math.random() * 100}%`;
487 |                     star.style.top = `${Math.random() * 100}%`;
488 |                     star.style.animationDelay = `${Math.random() * 2}s`;
489 |                     starryBg.appendChild(star);
490 |                 }
491 |             }
492 |         }
493 |         generateStars();
494 | 
495 |         // GSAP Animations with Fallback
496 |         if (typeof gsap !== 'undefined') {
497 |             gsap.from('.card', { opacity: 0, y: 50, duration: 1, ease: 'power3.out' });
498 |             gsap.from('.fade-in', { opacity: 0, y: 20, duration: 1, delay: 0.5, stagger: 0.2 });
499 |         } else {
500 |             console.warn('GSAP not loaded; skipping animations.');
501 |             document.querySelectorAll('.card').forEach(card => card.style.opacity = 1);
502 |         }
503 | 
504 |         // Navbar Scroll Effect
505 |         const navbar = document.querySelector('.navbar');
506 |         window.addEventListener('scroll', () => {
507 |             if (window.scrollY > 50) {
508 |                 navbar.classList.add('scrolled');
509 |             } else {
510 |                 navbar.classList.remove('scrolled');
511 |             }
512 |         });
513 | 
514 |         // Back to Top Button
515 |         const backToTop = document.getElementById('back-to-top');
516 |         window.onscroll = function() {
517 |             if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
518 |                 backToTop.style.display = 'block';
519 |             } else {
520 |                 backToTop.style.display = 'none';
521 |             }
522 |         };
523 | 
524 |         backToTop.addEventListener('click', function() {
525 |             window.scrollTo({ top: 0, behavior: 'smooth' });
526 |         });
527 |     </script>
528 | </body>
529 | </html>
530 | 


--------------------------------------------------------------------------------