Upload script.js

script.js

@@ -1,974 +1,140 @@
-// API Endpoints Data (from your original script.js)
+/* ======  DATA  ====== */
 const endpoints = [
-  {
-    name: "Anime Downloader",
-    path: "/api/animedl?name=solo%20leveling&episode=1",
-    method: "GET",
-    params: ["name", "episode"],
-    description: "Download any anime series with ease",
-    category: "Downloaders",
-  },
-  {
-    name: "All-in-one",
-    path: "/api/all-in-one?url=https://www.facebook.com/DeadWithDerrSter/videos/951658963655313/",
-    method: "GET",
-    params: ["url"],
-    description: "Download any social media video",
-    category: "Downloaders",
-  },
-  {
-    name: "Anime Quote",
-    path: "/api/aniquote",
-    method: "GET",
-    params: [],
-    description: "Get a Random quote from popular anime series",
-    category: "Fun",
-  },
-  {
-    name: "APK Downloader",
-    path: "/api/apkdl?q=Facebook%20lite",
-    method: "GET",
-    params: ["q"],
-    description: "Endpoint for app downloader",
-    category: "Downloaders",
-  },
-  {
-    name: "Calculator",
-    path: "/api/cal?num1=10&num2=5&operation=add",
-    method: "GET",
-    params: ["num1", "num2", "operation"],
-    description: "Perform basic arithmetic operations",
-    category: "Tools",
-  },
-  {
-    name: "Country",
-    path: "/api/country?q=Nigeria",
-    method: "GET",
-    params: ["q"],
-    description: "Search for countries info",
-    category: "Tools",
-  },
-  {
-    name: "Currency Converter",
-    path: "/api/convert?from=USD&to=EUR&amount=100",
-    method: "GET",
-    params: ["from", "to", "amount"],
-    description: "Convert currencies with real-time exchange rates",
-    category: "Tools",
-  },
-  {
-    name: "Dare",
-    path: "/api/dare",
-    method: "GET",
-    params: [],
-    description: "Get a Random dare challenge",
-    category: "Fun",
-  },
-  {
-    name: "Encode",
-    path: "/api/encode?text=Hello-world",
-    method: "GET",
-    params: ["text"],
-    description: "Encode text to binary",
-    category: "Tools",
-  },
-  {
-    name: "Decode",
-    path: "/api/decode?binary=01001000 01101001",
-    method: "GET",
-    params: ["binary"],
-    description: "Decode binary to text",
-    category: "Tools",
-  },
-  {
-    name: "Font",
-    path: "/api/font?text=Blue%20demon",
-    method: "GET",
-    params: ["text"],
-    description: "Generate different fonts ",
-    category: "Tools",
-  },
-  {
-    name: "Facebook",
-    path: "/api/fbdl?url=https://www.facebook.com/share/v/12En5xB3SQk/",
-    method: "GET",
-    params: ["url"],
-    description: "Facebook video downloader",
-    category: "Downloaders",
-  },
-  {
-    name: "Gpt3.5",
-    path: "/api/gpt3.5?prompt=hi",
-    method: "GET",
-    params: ["prompt"],
-    description: "advance chatbot artificial intelligence",
-    category: "Ai",
-  },
-  {
-    name: "Waifu",
-    path: "/api/waifu?q=",
-    method: "GET",
-    params: ["q"],
-    description: "Get a Random waifu image (NSFW)",
-    category: "Search",
-  },
-  {
-    name: "Hentai",
-    path: "/api/hentai",
-    method: "GET",
-    params: [],
-    description: "Get a Random hentai videos (NSFW)",
-    category: "Random",
-  },
-  {
-    name: "Mediafire",
-    path: "/api/mediafire?url=https://www.mediafire.com/file/2s3pdn53o12ug5a/%25E2%2588%2582%25C9%259B%25C6%25A8%25D1%2582%25D1%258F%25CA%258Bc%25D1%2582%25CE%25B9%25CF%2583%25D0%25B8%25CF%2587-2.zip/file",
-    method: "GET",
-    params: ["url"],
-    description: "automated mediafire downloader",
-    category: "Downloaders",
-  },
-  {
-    name: "Pinterest",
-    path: "/api/pinterest?q=fat%20ass",
-    method: "GET",
-    params: ["q"],
-    description: "Get Pinterest image via search query",
-    category: "Search",
-  },
-  {
-    name: "Text2image",
-    path: "/api/text2img?prompt=a%20big%20dog%20and%20a%20tiny%20cat",
-    method: "GET",
-    params: ["prompt"],
-    description: "Generate an HD image via text prompt",
-    category: "Ai",
-  },
-  {
-    name: "Translator",
-    path: "/api/translate?text=hello%20how%20are%20you&from=en&to=id",
-    method: "GET",
-    params: ["text"],
-    description: "Translate from any language to another",
-    category: "Tools",
-  },
-  {
-    name: "Twitter / X",
-    path: "/api/twitterdl?url=https://x.com/dammiedammie35/status/1897584097083400456?t=zU0X4PZDLQswYHbDCxi6Ng&s=09",
-    method: "GET",
-    params: ["url"],
-    description: "Twitter video downloader",
-    category: "Downloaders",
-  },
-  {
-    name: "Instagram",
-    path: "/api/instadl?url=https://www.instagram.com/reel/DBlb0Q8vxjD/?utm_source=ig_web_copy_link",
-    method: "GET",
-    params: ["url"],
-    description: "Instagram video downloader",
-    category: "Downloaders",
-  },
-  {
-    name: "Joke",
-    path: "/api/joke",
-    method: "GET",
-    params: [],
-    description: "Get a Random joke to make you laugh",
-    category: "Fun",
-  },
-  {
-    name: "NpmCheck",
-    path: "/api/npmcheck?package=express",
-    method: "GET",
-    params: ["package"],
-    description: "Check any npmpackage details",
-    category: "Search",
-  },
-  {
-    name: "Movie downloader",
-    path: "/api/moviedl?moviename=moana&episode=",
-    method: "GET",
-    params: ["moviename", "episode"],
-    description: "search and download different movies",
-    category: "Downloaders",
-  },
-  {
-    name: "lyrics",
-    path: "/api/lyrics?q=not%20like%20us",
-    method: "GET",
-    params: ["q"],
-    description: "automated lyrics search",
-    category: "Search",
-  },
-  {
-    name: "Obfuscate",
-    path: "/api/obf?code=console.log('hello');",
-    method: "GET",
-    params: ["code"],
-    description: "Obfuscate your JavaScript code",
-    category: "Tools",
-  },
-  {
-    name: "Quote",
-    path: "/api/quote",
-    method: "GET",
-    params: [],
-    description: "Get an inspirational quote to brighten your day",
-    category: "Fun",
-  },
-  {
-    name: "Rizz",
-    path: "/api/rizz",
-    method: "GET",
-    params: [],
-    description: "Get a Random pickup line to impress your crush",
-    category: "Fun",
-  },
-  {
-    name: "wallpaper",
-    path: "/api/wallpaper?q=naruto",
-    method: "GET",
-    params: ["q"],
-    description: "generates cool wallpapers",
-    category: "Random",
-  },
-  {
-    name: "Web Screenshot",
-    path: "/api/screenshot?url=https://api-xx-xi.hf.space/",
-    method: "GET",
-    params: ["url"],
-    description: "Take a screenshot of any website via url",
-    category: "Tools",
-  },
-  {
-    name: "Spotify",
-    path: "/api/spotifydl?url=https://open.spotify.com/track/1r3yPRzWPxM4O0S1T8X6vx?si=1NSDkaZxRjW-dDMcn14V7g",
-    method: "GET",
-    params: ["url"],
-    description: "Download Spotify music via link",
-    category: "Downloaders",
-  },
-  {
-    name: "short movie clips",
-    path: "/api/shortclip?q=moana",
-    method: "GET",
-    params: ["q"],
-    description: "Get clips of any movie available",
-    category: "Search",
-  },
-  {
-    name: "Thread Downloader",
-    path: "/api/threaddl?url=https://www.threads.net/@ekene_umenwa/post/DHL9gkgsZct?xmt=AQGzXGz-1ax86LccgoJoIaOR5xDXKhGxZwMB1HAkIr3yRw",
-    method: "GET",
-    params: ["url"],
-    description: "Download Thread video/images without watermark",
-    category: "Downloaders",
-  },
-  {
-    name: "TikTok Downloader",
-    path: "/api/tkdl?url=https://vm.tiktok.com/ZMknsbayE/",
-    method: "GET",
-    params: ["url"],
-    description: "Download TikTok videos without watermark",
-    category: "Downloaders",
-  },
-  {
-    name: "TikTok Downloader V2",
-    path: "/api/tkdl2?url=https://vm.tiktok.com/ZMknsbayE/",
-    method: "GET",
-    params: ["url"],
-    description: "Download TikTok videos without watermark",
-    category: "Downloaders",
-  },
-  {
-    name: "Xxx Downloader",
-    path: "/api/xvideos?url=https://www.xvideos.com/video.udvpliv122f/the_best_videos_of_hot_stepmom_alexa_payne",
-    method: "GET",
-    params: ["url"],
-    description: "Download xvidos without premium access",
-    category: "Downloaders",
-  },
-  {
-    name: "Xxx Search",
-    path: "/api/xxxsearch?q=big%20fat%20ass",
-    method: "GET",
-    params: ["q"],
-    description: "Search xvideos with ease",
-    category: "Search",
-  },
-  {
-    name: "Xnxx Search",
-    path: "/api/xnxxsearch?q=big%20fat%20ass",
-    method: "GET",
-    params: ["q"],
-    description: "Search xnxx videos with ease",
-    category: "Search",
-  },
-  {
-    name: "TinyURL",
-    path: "/api/tinyurl?url=https://api-x-demon-dev.hf.space",
-    method: "GET",
-    params: ["url"],
-    description: "Shorten long URLs for easy sharing",
-    category: "Tools",
-  },
-  {
-    name: "Truth",
-    path: "/api/truth",
-    method: "GET",
-    params: [],
-    description: "Get a Random truth question for your game night",
-    category: "Fun",
-  },
-  {
-    name: "Flirt",
-    path: "/api/flirt",
-    method: "GET",
-    params: [],
-    description: "Get a Random flirting words for your crush😉",
-    category: "Fun",
-  },
-  {
-    name: "Wachannel info",
-    path: "/api/wachannel?url=https://whatsapp.com/channel/0029Vah3fKtCnA7oMPTPJm1h",
-    method: "GET",
-    params: ["url"],
-    description: "check WhatsApp channel info via link",
-    category: "Tools",
-  },
-  {
-    name: "YouTube MP3",
-    path: "/api/ytmp3?url=https://youtu.be/wf_s7OIfHyw?si=yJSInCsXUVgHrH4t&qua=256",
-    method: "GET",
-    params: ["url"],
-    description: "Convert YouTube videos to MP3 audio",
-    category: "Downloaders",
-  },
-  {
-    name: "YouTube MP4",
-    path: "/api/ytmp4?url=https://youtu.be/wf_s7OIfHyw?si=yJSInCsXUVgHrH4t",
-    method: "GET",
-    params: ["url"],
-    description: "Download YouTube videos in MP4 format",
-    category: "Downloaders",
-  },
-  {
-    name: "YouTube Search",
-    path: "/api/yts?q=demon-slayers",
-    method: "GET",
-    params: ["q"],
-    description: "Search for YouTube videos and get detailed information",
-    category: "Search",
-  },
-  {
-    name: "cecan-china",
-    path: "/api/cecan-china",
-    method: "GET",
-    params: [],
-    description: "Get a Random Chinese women image",
-    category: "Random",
-  },
-  {
-    name: "cecan-indo",
-    path: "/api/cecan-indo",
-    method: "GET",
-    params: [],
-    description: "Get a Random Indonesian women image",
-    category: "Random",
-  },
-  {
-    name: "cecan-japan",
-    path: "/api/cecan-japan",
-    method: "GET",
-    params: [],
-    description: "Get a Random Japanese women image",
-    category: "Random",
-  },
-  {
-    name: "cecan-korea",
-    path: "/api/cecan-korea",
-    method: "GET",
-    params: [],
-    description: "Get a Random Korean women image",
-    category: "Random",
-  },
-  {
-    name: "cecan-thailand",
-    path: "/api/cecan-thailand",
-    method: "GET",
-    params: [],
-    description: "Get a Random Thai women image",
-    category: "Random",
-  },
-  {
-    name: "cecan-vietnam",
-    path: "/api/cecan-vietnam",
-    method: "GET",
-    params: [],
-    description: "Get a Random Vietnamese women image",
-    category: "Random",
-  },
+  { name: "Anime Downloader", path: "/api/animedl?name=solo%20leveling&episode=1", method: "GET", params: ["name","episode"], desc: "Download any anime series with ease", cat: "Downloaders"},
+  { name: "All-in-one", path: "/api/all-in-one?url=https://fb.com/video", method: "GET", params: ["url"], desc: "Download any social-media video", cat: "Downloaders"},
+  { name: "Anime Quote", path: "/api/aniquote", method: "GET", params: [], desc: "Random quote from popular anime", cat: "Fun"},
+  { name: "APK Downloader", path: "/api/apkdl?q=Facebook%20lite", method: "GET", params: ["q"], desc: "Download APKs directly", cat: "Downloaders"},
+  { name: "Calculator", path: "/api/cal?num1=10&num2=5&operation=add", method: "GET", params: ["num1","num2","operation"], desc: "Basic arithmetic", cat: "Tools"},
+  { name: "Country Info", path: "/api/country?q=Nigeria", method: "GET", params: ["q"], desc: "Country profiles", cat: "Tools"},
+  { name: "Currency Converter", path: "/api/convert?from=USD&to=EUR&amount=100", method: "GET", params: ["from","to","amount"], desc: "Live exchange rates", cat: "Tools"},
+  { name: "Dare", path: "/api/dare", method: "GET", params: [], desc: "Random dare challenge", cat: "Fun"},
+  { name: "Encode", path: "/api/encode?text=Hello-world", method: "GET", params: ["text"], desc: "Text → binary", cat: "Tools"},
+  { name: "Decode", path: "/api/decode?binary=01001000", method: "GET", params: ["binary"], desc: "Binary → text", cat: "Tools"},
+  { name: "Facebook DL", path: "/api/fbdl?url=URL", method: "GET", params: ["url"], desc: "Facebook video downloader", cat: "Downloaders"},
+  { name: "Gpt3.5", path: "/api/gpt3.5?prompt=hi", method: "GET", params: ["prompt"], desc: "ChatGPT-3.5 turbo", cat: "AI"},
+  { name: "TikTok DL", path: "/api/tkdl?url=URL", method: "GET", params: ["url"], desc: "No-watermark TikTok", cat: "Downloaders"},
+  { name: "Instagram DL", path: "/api/instadl?url=URL", method: "GET", params: ["url"], desc: "Instagram media downloader", cat: "Downloaders"},
+  { name: "YouTube MP4", path: "/api/ytmp4?url=URL", method: "GET", params: ["url"], desc: "YouTube video", cat: "Downloaders"},
+  { name: "YouTube MP3", path: "/api/ytmp3?url=URL", method: "GET", params: ["url"], desc: "YouTube audio", cat: "Downloaders"},
+  { name: "Text-to-Image", path: "/api/text2img?prompt=hello", method: "GET", params: ["prompt"], desc: "AI image generation", cat: "AI"},
+  { name: "Translator", path: "/api/translate?text=hello&from=en&to=id", method: "GET", params: ["text","from","to"], desc: "Auto-detect translate", cat: "Tools"},
+  { name: "Joke", path: "/api/joke", method: "GET", params: [], desc: "Random joke", cat: "Fun"},
+  { name: "Quote", path: "/api/quote", method: "GET", params: [], desc: "Inspirational quote", cat: "Fun"},
+  { name: "Screenshot", path: "/api/screenshot?url=WEBSITE", method: "GET", params: ["url"], desc: "Website screenshot", cat: "Tools"},
+  { name: "TinyURL", path: "/api/tinyurl?url=LONG", method: "GET", params: ["url"], desc: "URL shortener", cat: "Tools"},
+  { name: "Spotify DL", path: "/api/spotifydl?url=TRACK_URL", method: "GET", params: ["url"], desc: "Spotify downloader", cat: "Downloaders"},
+  { name: "Twitter DL", path: "/api/twitterdl?url=TWEET_URL", method: "GET", params: ["url"], desc: "Twitter video downloader", cat: "Downloaders"},
+  { name: "Pinterest Search", path: "/api/pinterest?q=cats", method: "GET", params: ["q"], desc: "Pinterest images", cat: "Search"},
+  { name: "Wallpaper", path: "/api/wallpaper?q=nature", method: "GET", params: ["q"], desc: "HD wallpapers", cat: "Random"},
+  { name: "Waifu (NSFW)", path: "/api/waifu?q=", method: "GET", params: ["q"], desc: "Random waifu pics", cat: "Random"},
+  { name: "Hentai (NSFW)", path: "/api/hentai", method: "GET", params: [], desc: "Hentai videos", cat: "Random"},
+  { name: "XXX Search", path: "/api/xxxsearch?q=keyword", method: "GET", params: ["q"], desc: "Search adult videos", cat: "Search"}
 ];
 
-// Global State
-let currentFilter = 'All';
-let displayedEndpoints = 12;
-let filteredEndpoints = [...endpoints];
-let isLoading = false;
-
-// DOM Elements
-const elements = {
-  navToggle: document.getElementById('navToggle'),
-  navMenu: document.getElementById('navMenu'),
-  searchInput: document.getElementById('searchInput'),
-  searchClear: document.getElementById('searchClear'),
-  categoryFilters: document.getElementById('categoryFilters'),
-  endpointsGrid: document.getElementById('endpointsGrid'),
-  loadMoreBtn: document.getElementById('loadMoreBtn'),
-  totalRequests: document.getElementById('totalRequests'),
-  heroRequests: document.getElementById('heroRequests'),
-  demoCode: document.getElementById('demoCode'),
-  fab: document.getElementById('fab'),
-  fabMain: document.getElementById('fabMain'),
-  modal: document.getElementById('endpointModal'),
-  modalTitle: document.getElementById('modalTitle'),
-  modalBody: document.getElementById('modalBody'),
-  modalClose: document.getElementById('modalClose'),
-  modalBackdrop: document.getElementById('modalBackdrop'),
-  toastContainer: document.getElementById('toastContainer')
-};
-
-// Utility Functions
-const debounce = (func, wait) => {
-  let timeout;
-  return function executedFunction(...args) {
-    const later = () => {
-      clearTimeout(timeout);
-      func(...args);
-    };
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-};
-
-const animateNumber = (element, start, end, duration = 2000) => {
-  const startTime = performance.now();
-  const animate = (currentTime) => {
-    const elapsed = currentTime - startTime;
-    const progress = Math.min(elapsed / duration, 1);
-    const current = Math.floor(start + (end - start) * progress);
-    element.textContent = current.toLocaleString();
-    if (progress < 1) {
-      requestAnimationFrame(animate);
-    }
-  };
-  requestAnimationFrame(animate);
-};
-
-const showToast = (message, type = 'success') => {
-  const toast = document.createElement('div');
-  toast.className = `toast ${type}`;
-  toast.innerHTML = `
-    <i class="fas ${type === 'success' ? 'fa-check' : 'fa-exclamation-triangle'}"></i>
-    <span>${message}</span>
-  `;
-  
-  elements.toastContainer.appendChild(toast);
-  
-  // Show toast
-  setTimeout(() => toast.classList.add('show'), 100);
-  
-  // Remove toast
-  setTimeout(() => {
-    toast.classList.remove('show');
-    setTimeout(() => {
-      if (toast.parentNode) {
-        toast.parentNode.removeChild(toast);
-      }
-    }, 300);
-  }, 3000);
-};
-
-// Initialize Particles
-const initParticles = () => {
-  const particlesContainer = document.getElementById('particles');
-  const particleCount = 50;
-  
-  for (let i = 0; i < particleCount; i++) {
-    const particle = document.createElement('div');
-    particle.className = 'particle';
-    particle.style.left = Math.random() * 100 + '%';
-    particle.style.top = Math.random() * 100 + '%';
-    particle.style.animationDelay = Math.random() * 6 + 's';
-    particle.style.animationDuration = (Math.random() * 3 + 3) + 's';
-    particlesContainer.appendChild(particle);
-  }
-};
-
-// Navigation
-const initNavigation = () => {
-  // Mobile menu toggle
-  elements.navToggle.addEventListener('click', () => {
-    elements.navMenu.classList.toggle('active');
-    elements.navToggle.classList.toggle('active');
-  });
-
-  // Navigation links
-  document.querySelectorAll('.nav-link').forEach(link => {
-    link.addEventListener('click', (e) => {
-      e.preventDefault();
-      const targetId = link.getAttribute('data-section');
-      const targetElement = document.getElementById(targetId);
-      
-      if (targetElement) {
-        const offsetTop = targetElement.offsetTop - 60;
-        window.scrollTo({
-          top: offsetTop,
-          behavior: 'smooth'
-        });
-        
-        // Update active nav link
-        document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
-        link.classList.add('active');
-        
-        // Close mobile menu
-        elements.navMenu.classList.remove('active');
-        elements.navToggle.classList.remove('active');
-      }
-    });
-  });
-
-  // Update active nav on scroll
-  window.addEventListener('scroll', () => {
-    const sections = ['home', 'stats', 'endpoints', 'docs'];
-    let currentSection = 'home';
-    
-    sections.forEach(sectionId => {
-      const section = document.getElementById(sectionId);
-      if (section) {
-        const rect = section.getBoundingClientRect();
-        if (rect.top <= 100 && rect.bottom >= 100) {
-          currentSection = sectionId;
-        }
-      }
-    });
-    
-    document.querySelectorAll('.nav-link').forEach(link => {
-      link.classList.remove('active');
-      if (link.getAttribute('data-section') === currentSection) {
-        link.classList.add('active');
-      }
-    });
-  });
-};
-
-// Typewriter Effect
-const initTypewriter = () => {
-  const code = `// Make API Request
-fetch('/api/quote')
-  .then(response => response.json())
-  .then(data => {
-    console.log(data);
-  })
-  .catch(error => {
-    console.error('Error:', error);
-  });`;
-  
-  let i = 0;
-  const speed = 50;
-  
-  const typeWriter = () => {
-    if (i < code.length) {
-      elements.demoCode.textContent += code.charAt(i);
-      i++;
-      setTimeout(typeWriter, speed);
-    }
-  };
-  
-  setTimeout(typeWriter, 1000);
-};
-
-// Fetch Request Count
-const fetchRequestCount = async () => {
-  try {
-    const response = await fetch(`${window.location.origin}/api/requests`);
-    const data = await response.json();
-    
-    if (data.success) {
-      // Animate numbers
-      animateNumber(elements.totalRequests, 0, data.request_count, 2000);
-      animateNumber(elements.heroRequests, 0, data.request_count, 2000);
-    } else {
-      elements.totalRequests.textContent = 'Error';
-      elements.heroRequests.textContent = 'Error';
-    }
-  } catch (error) {
-    console.error('Error fetching request count:', error);
-    elements.totalRequests.textContent = 'Error';
-    elements.heroRequests.textContent = 'Error';
-  }
-};
-
-// Create Category Filters
-const createCategoryFilters = () => {
-  const categories = ['All', ...new Set(endpoints.map(endpoint => endpoint.category))];
-  
-  elements.categoryFilters.innerHTML = '';
-  
-  categories.forEach(category => {
-    const filter = document.createElement('button');
-    filter.className = `category-filter ${category === currentFilter ? 'active' : ''}`;
-    filter.textContent = category;
-    filter.addEventListener('click', () => filterEndpoints(category));
-    elements.categoryFilters.appendChild(filter);
-  });
-};
-
-// Filter Endpoints
-const filterEndpoints = (category) => {
-  currentFilter = category;
-  displayedEndpoints = 12;
-  
-  // Update active filter
-  document.querySelectorAll('.category-filter').forEach(filter => {
-    filter.classList.toggle('active', filter.textContent === category);
-  });
-  
-  // Filter endpoints
-  if (category === 'All') {
-    filteredEndpoints = [...endpoints];
-  } else {
-    filteredEndpoints = endpoints.filter(endpoint => endpoint.category === category);
-  }
-  
-  // Apply search filter if active
-  const searchTerm = elements.searchInput.value.toLowerCase().trim();
-  if (searchTerm) {
-    filteredEndpoints = filteredEndpoints.filter(endpoint =>
-      endpoint.name.toLowerCase().includes(searchTerm) ||
-      endpoint.description.toLowerCase().includes(searchTerm) ||
-      endpoint.category.toLowerCase().includes(searchTerm)
-    );
-  }
-  
-  renderEndpoints();
-};
-
-// Search Functionality
-const initSearch = () => {
-  const handleSearch = debounce(() => {
-    const searchTerm = elements.searchInput.value.toLowerCase().trim();
-    
-    // Show/hide clear button
-    elements.searchClear.classList.toggle('visible', searchTerm.length > 0);
-    
-    // Filter endpoints
-    if (searchTerm) {
-      filteredEndpoints = endpoints.filter(endpoint =>
-        endpoint.name.toLowerCase().includes(searchTerm) ||
-        endpoint.description.toLowerCase().includes(searchTerm) ||
-        endpoint.category.toLowerCase().includes(searchTerm)
-      );
-    } else {
-      // Reset to current category filter
-      if (currentFilter === 'All') {
-        filteredEndpoints = [...endpoints];
-      } else {
-        filteredEndpoints = endpoints.filter(endpoint => endpoint.category === currentFilter);
-      }
-    }
-    
-    displayedEndpoints = 12;
-    renderEndpoints();
-  }, 300);
-  
-  elements.searchInput.addEventListener('input', handleSearch);
-  
-  // Clear search
-  elements.searchClear.addEventListener('click', () => {
-    elements.searchInput.value = '';
-    elements.searchClear.classList.remove('visible');
-    filterEndpoints(currentFilter);
-  });
-};
-
-// Render Endpoints
-const renderEndpoints = () => {
-  const endpointsToShow = filteredEndpoints.slice(0, displayedEndpoints);
-  
-  elements.endpointsGrid.innerHTML = '';
-  
-  if (endpointsToShow.length === 0) {
-    elements.endpointsGrid.innerHTML = `
-      <div style="grid-column: 1 / -1; text-align: center; padding: 3rem; color: var(--text-secondary);">
-        <i class="fas fa-search" style="font-size: 3rem; margin-bottom: 1rem; opacity: 0.5;"></i>
-        <h3>No endpoints found</h3>
-        <p>Try adjusting your search or filter criteria</p>
-      </div>
-    `;
-    elements.loadMoreBtn.style.display = 'none';
-    return;
-  }
-  
-  endpointsToShow.forEach((endpoint, index) => {
-    const card = createEndpointCard(endpoint, index);
-    elements.endpointsGrid.appendChild(card);
-  });
-  
-  // Show/hide load more button
-  elements.loadMoreBtn.style.display = 
-    filteredEndpoints.length > displayedEndpoints ? 'block' : 'none';
-};
-
-// Create Endpoint Card
-const createEndpointCard = (endpoint, index) => {
-  const card = document.createElement('div');
-  card.className = 'endpoint-card';
-  card.style.animationDelay = `${index * 0.1}s`;
-  
-  card.innerHTML = `
-    <div class="endpoint-header">
-      <div>
-        <h3 class="endpoint-title">${endpoint.name}</h3>
-        <span class="endpoint-category">${endpoint.category}</span>
-      </div>
-    </div>
-    <p class="endpoint-description">${endpoint.description}</p>
-    <div class="endpoint-meta">
-      <span class="method-tag">${endpoint.method}</span>
-      ${endpoint.params.length > 0 ? 
-        endpoint.params.map(param => `<span class="param-tag">${param}</span>`).join('') : 
-        '<span class="param-tag">No params</span>'
-      }
-    </div>
-    <div class="endpoint-actions">
-      <button class="action-btn action-btn-primary copy-btn" data-path="${endpoint.path}">
-        <i class="fas fa-copy"></i>
-        <span>Copy</span>
-      </button>
-      <button class="action-btn action-btn-secondary test-btn" data-path="${endpoint.path}">
-        <i class="fas fa-external-link-alt"></i>
-        <span>Test</span>
-      </button>
-    </div>
-  `;
-  
-  // Add event listeners
-  const copyBtn = card.querySelector('.copy-btn');
-  const testBtn = card.querySelector('.test-btn');
-  
-  copyBtn.addEventListener('click', (e) => {
-    e.stopPropagation();
-    const url = `${window.location.origin}${endpoint.path}`;
-    navigator.clipboard.writeText(url).then(() => {
-      showToast('URL copied to clipboard!');
-    });
-  });
-  
-  testBtn.addEventListener('click', (e) => {
-    e.stopPropagation();
-    const url = `${window.location.origin}${endpoint.path}`;
-    window.open(url, '_blank');
-  });
-  
-  // Card click to show modal
-  card.addEventListener('click', () => {
-    showEndpointModal(endpoint);
-  });
-  
-  return card;
-};
-
-// Load More Endpoints
-const initLoadMore = () => {
-  elements.loadMoreBtn.addEventListener('click', () => {
-    if (isLoading) return;
-    
-    isLoading = true;
-    elements.loadMoreBtn.innerHTML = `
-      <i class="fas fa-spinner fa-spin"></i>
-      <span>Loading...</span>
+const baseURL = window.location.origin;
+
+/* ======  STATE  ====== */
+let filtered = [...endpoints];
+let page = 0;
+const perPage = 12;
+
+/* ======  DOM  ====== */
+const grid = document.getElementById('grid');
+const search = document.getElementById('search');
+const pills = document.getElementById('pills');
+const loadBtn = document.getElementById('loadMore');
+const modal = document.getElementById('modal');
+const mTitle = document.getElementById('mTitle');
+const mBody = document.getElementById('mBody');
+
+/* ======  INIT  ====== */
+function init() {
+  createPills();
+  render();
+  bindEvents();
+  fetchCount();
+}
+
+/* ======  CATEGORIES  ====== */
+function createPills() {
+  const cats = ['All', ...new Set(endpoints.map(e => e.cat))];
+  pills.innerHTML = cats.map(c => `<button class="pill" data-cat="${c}">${c}</button>`).join('');
+  pills.firstElementChild.classList.add('active');
+}
+
+/* ======  RENDER  ====== */
+function render(reset = true) {
+  if (reset) { grid.innerHTML = ''; page = 0; }
+  const slice = filtered.slice(0, (page + 1) * perPage);
+  slice.forEach(e => {
+    const card = document.createElement('div');
+    card.className = 'card';
+    card.innerHTML = `
+      <span class="cat">${e.cat}</span>
+      <h4>${e.name}</h4>
+      <p>${e.desc}</p>
+      <span class="method">${e.method}</span>
     `;
-    
-    setTimeout(() => {
-      displayedEndpoints += 12;
-      renderEndpoints();
-      isLoading = false;
-      elements.loadMoreBtn.innerHTML = `
-        <i class="fas fa-plus"></i>
-        <span>Load More</span>
-      `;
-    }, 500);
-  });
-};
-
-// Modal Functions
-const showEndpointModal = (endpoint) => {
-  elements.modalTitle.textContent = endpoint.name;
-  elements.modalBody.innerHTML = `
-    <div style="margin-bottom: 1.5rem;">
-      <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">Description</h4>
-      <p style="color: var(--text-secondary);">${endpoint.description}</p>
-    </div>
-    
-    <div style="margin-bottom: 1.5rem;">
-      <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">Endpoint URL</h4>
-      <div class="code-block">
-        <code>${window.location.origin}${endpoint.path}</code>
-      </div>
-    </div>
-    
-    <div style="margin-bottom: 1.5rem;">
-      <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">Method</h4>
-      <span class="method-tag">${endpoint.method}</span>
-    </div>
-    
-    <div style="margin-bottom: 1.5rem;">
-      <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">Parameters</h4>
-      <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
-        ${endpoint.params.length > 0 ? 
-          endpoint.params.map(param => `<span class="param-tag">${param}</span>`).join('') : 
-          '<span style="color: var(--text-secondary);">No parameters required</span>'
-        }
-      </div>
-    </div>
-    
-    <div style="margin-bottom: 1.5rem;">
-      <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">Example Request</h4>
-      <div class="code-block">
-        <code>curl -X ${endpoint.method} "${window.location.origin}${endpoint.path}"</code>
-      </div>
-    </div>
-    
-    <div style="display: flex; gap: 1rem; margin-top: 2rem;">
-      <button class="btn btn-primary" onclick="copyEndpointURL('${endpoint.path}')">
-        <i class="fas fa-copy"></i>
-        <span>Copy URL</span>
-      </button>
-      <button class="btn btn-secondary" onclick="testEndpoint('${endpoint.path}')">
-        <i class="fas fa-external-link-alt"></i>
-        <span>Test Endpoint</span>
-      </button>
+    card.onclick = () => openModal(e);
+    grid.appendChild(card);
+  });
+  loadBtn.style.display = slice.length < filtered.length ? 'block' : 'none';
+}
+
+/* ======  SEARCH / FILTER  ====== */
+function bindEvents() {
+  search.addEventListener('input', filter);
+  pills.addEventListener('click', e => {
+    if (!e.target.classList.contains('pill')) return;
+    pills.querySelector('.active')?.classList.remove('active');
+    e.target.classList.add('active');
+    filter();
+  });
+  loadBtn.addEventListener('click', () => { page++; render(false); });
+  modal.querySelector('.modal-close').onclick = closeModal;
+  modal.querySelector('.modal-backdrop').onclick = closeModal;
+}
+
+function filter() {
+  const term = search.value.toLowerCase();
+  const cat = pills.querySelector('.active').dataset.cat;
+  filtered = endpoints.filter(e =>
+    (cat === 'All' || e.cat === cat) &&
+    (e.name.toLowerCase().includes(term) || e.desc.toLowerCase().includes(term))
+  );
+  render();
+}
+
+/* ======  MODAL  ====== */
+function openModal(e) {
+  mTitle.textContent = e.name;
+  const url = `${baseURL}${e.path}`;
+  mBody.innerHTML = `
+    <p>${e.desc}</p>
+    <p><strong>Method:</strong> ${e.method}</p>
+    ${e.params.length ? `<p><strong>Params:</strong> ${e.params.join(', ')}</p>` : ''}
+    <div class="code-snippet">curl -X ${e.method} "${url}"</div>
+    <div style="margin-top:1rem">
+      <button class="btn-copy" onclick="navigator.clipboard.writeText('${url}')">Copy URL</button>
+      <a href="${url}" target="_blank" style="margin-left:.5rem" class="btn-copy">Test</a>
     </div>
   `;
-  
-  elements.modal.classList.add('active');
-  document.body.style.overflow = 'hidden';
-};
-
-const hideEndpointModal = () => {
-  elements.modal.classList.remove('active');
-  document.body.style.overflow = '';
-};
-
-// Global functions for modal buttons
-window.copyEndpointURL = (path) => {
-  const url = `${window.location.origin}${path}`;
-  navigator.clipboard.writeText(url).then(() => {
-    showToast('URL copied to clipboard!');
-  });
-};
-
-window.testEndpoint = (path) => {
-  const url = `${window.location.origin}${path}`;
-  window.open(url, '_blank');
-};
-
-// Modal event listeners
-const initModal = () => {
-  elements.modalClose.addEventListener('click', hideEndpointModal);
-  elements.modalBackdrop.addEventListener('click', hideEndpointModal);
-  
-  document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape' && elements.modal.classList.contains('active')) {
-      hideEndpointModal();
-    }
-  });
-};
+  modal.classList.add('active');
+}
+function closeModal() { modal.classList.remove('active'); }
 
-// Floating Action Button
-const initFAB = () => {
-  elements.fabMain.addEventListener('click', () => {
-    elements.fab.classList.toggle('active');
-  });
-
-  // FAB actions
-  document.querySelectorAll('.fab-action').forEach(action => {
-    action.addEventListener('click', () => {
-      const actionType = action.getAttribute('data-action');
-      
-      switch (actionType) {
-        case 'top':
-          window.scrollTo({ top: 0, behavior: 'smooth' });
-          break;
-        case 'share':
-          if (navigator.share) {
-            navigator.share({
-              title: 'BLUE DEMON API',
-              text: 'Check out this awesome API platform!',
-              url: window.location.href
-            });
-          } else {
-            navigator.clipboard.writeText(window.location.href);
-            showToast('URL copied to clipboard!');
-          }
-          break;
-        case 'theme':
-          showToast('Theme toggle coming soon!');
-          break;
-      }
-      
-      elements.fab.classList.remove('active');
-    });
-  });
-
-  // Close FAB when clicking outside
-  document.addEventListener('click', (e) => {
-    if (!elements.fab.contains(e.target)) {
-      elements.fab.classList.remove('active');
-    }
-  });
-};
-
-// Scroll to section function
-window.scrollToSection = (sectionId) => {
-  const section = document.getElementById(sectionId);
-  if (section) {
-    const offsetTop = section.offsetTop - 60;
-    window.scrollTo({
-      top: offsetTop,
-      behavior: 'smooth'
-    });
+/* ======  LIVE REQUEST COUNT  ====== */
+async function fetchCount() {
+  try {
+    const res = await fetch(`${baseURL}/api/requests`);
+    const data = await res.json();
+    document.getElementById('req-count').textContent = data.request_count.toLocaleString();
+  } catch {
+    document.getElementById('req-count').textContent = '0';
   }
-};
+}
 
-// Initialize everything
-const init = () => {
-  // Initialize components
-  initParticles();
-  initNavigation();
-  initTypewriter();
-  initSearch();
-  initLoadMore();
-  initModal();
-  initFAB();
-  
-  // Create content
-  createCategoryFilters();
-  
-  // Initial render
-  filterEndpoints('All');
-  
-  // Fetch data
-  fetchRequestCount();
-  
-  // Update request count periodically
-  setInterval(fetchRequestCount, 30000);
-};
+/* ======  UTILS  ====== */
+window.scrollToSection = id => document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
 
-// Start when DOM is loaded
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', init);
-} else {
-  init();
-}
+init();