Auto IP Tracker WebApp | Track IP in Hacker Style with Pure HTML, CSS, JS – FuzzuTech

  Demo :


Click Video 👇👇👇


🌟 Features:

  • Auto IP detection with fetch from ipify

  • Hacker-themed terminal UI

  • Fully responsive and lightweight

  • Fake tracking lines to simulate IP trace

  • No external dependencies (except fetch)


Code :


index.html


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Auto IP Tracker - FuzzuTech</title>

  <link rel="stylesheet" href="style.css">

</head>

<body>

  <div class="tracker-container">

    <h1>Auto IP Tracker in WebApp</h1>

    <button onclick="autoTrackIP()">Auto Detect & Track</button>

    <pre id="output">Click the button above to detect your IP and start tracking...</pre>

  </div>


  <script src="script.js"></script>

</body>

</html> 


style.css 


body {

  background-color: #000;

  color: #0f0;

  font-family: 'Courier New', monospace;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  margin: 0;

}


.tracker-container {

  background-color: #111;

  border: 2px solid #0f0;

  padding: 25px;

  border-radius: 15px;

  box-shadow: 0 0 20px #0f0;

  width: 90%;

  max-width: 600px;

  text-align: center;

}


button {

  padding: 10px 30px;

  font-size: 18px;

  background-color: #00ff99;

  color: #000;

  border: none;

  border-radius: 5px;

  cursor: pointer;

  box-shadow: 0 0 10px #00ff99;

  transition: 0.3s;

}


button:hover {

  background-color: #00cc88;

}


pre {

  background-color: #000;

  color: #0f0;

  text-align: left;

  margin-top: 20px;

  padding: 20px;

  border-radius: 10px;

  box-shadow: inset 0 0 10px #0f0;

  height: 200px;

  overflow-y: auto;

} 


script.js 


function autoTrackIP() {

  const output = document.getElementById("output");

  output.innerText = "Detecting your IP address...";


  fetch('https://api.ipify.org?format=json')

    .then(response => response.json())

    .then(data => {

      const ip = data.ip;

      const fakeTracking = [

        `Detected IP: ${ip}`,

        "Connecting to secure server...",

        "Encrypting session...",

        "Accessing ISP database...",

        "Tracking IP location...",

        "Location: New Delhi, India",

        "ISP: Reliance Jio Fiber",

        "Ping: 15ms",

        "Status: Active 🔥",

      ];


      output.innerText = "";


      fakeTracking.forEach((line, i) => {

        setTimeout(() => {

          output.innerText += line + "\n";

        }, i * 700);

      });

    })

    .catch(() => {

      output.innerText = "❌ Failed to detect IP. Please check your internet connection.";

    });

} 

Comments

Post a Comment

Popular posts from this blog

🚀 Simple Login & Registration System in Python Tkinter 📱

Image
   Demo : Click Video 👇👇👇 ✅ Features: ✔️ Simple Login UI 🖥️ ✔️ Secure User Authentication 🔒 ✔️ SQLite Database Integration 📂 ✔️ User Registration Form ✍️ Code : import tkinter as tk from tkinter import messagebox from tkinter import ttk import sqlite3 # Global variables root = tk.Tk() root.withdraw()  # Hide main root window login_window = None home_window = None settings_window = None planner_window = None # Database setup def create_db():     conn = sqlite3.connect('user_data.db')     c = conn.cursor()     c.execute('''CREATE TABLE IF NOT EXISTS users (username TEXT, password TEXT)''')     conn.commit()     conn.close() # User registration def register_user():     username = reg_username_entry.get()     password = reg_password_entry.get()     if username and password:         conn = sqlite3.connect('user_data.db')         c = conn.cursor...
Read more

🚀 Create a Python Screen Recorder with Audio (Complete Code)

Image
  Demo : Click Video 👇👇👇 📂 Folder Structure 📁 Python-Screen-Recorder     ├── 📄 screen_recorder.py  (Main Python Script)     ├── 🎵 audio.wav  (Recorded Audio)     ├── 🎥 screen_record.avi  (Recorded Video) Dependencies Install Karo: cmd => pip install opencv-python numpy pyautogui pyaudio Code : import cv2 import numpy as np import pyautogui import pyaudio import wave import threading import tkinter as tk from tkinter import filedialog # Set screen size screen_width, screen_height = pyautogui.size() frame_rate = 20 # Audio recording settings audio_format = pyaudio.paInt16 channels = 2 rate = 44100 chunk = 1024 audio_filename = "audio.wav" video_filename = "screen_record.avi" # Audio recording function def record_audio():     audio = pyaudio.PyAudio()     stream = audio.open(format=audio_format, channels=channels, rate=rate, input=True, frames_per_buffer=chunk)     frames = []     whil...
Read more

📡 Fuzzu Packet Sniffer – Python GUI for Real-Time IP Monitoring | Tkinter + Scapy

Image
  Demo : Click Video 👇👇👇 📝 Description: Explore the power of Python + Scapy in this sleek GUI app that sniffs packets live! Whether you're into network security or learning how to trace source/destination IPs, this hacker-style app gives you a stunning GUI interface with real-time output. Built with threading, styled with dark mode, and structured for maximum speed. Watch the Short video demo and grab the code from our next release. ✨ Features: Live Packet Sniffing with IP & Protocol Stylish Dark GUI with Tkinter Real-time TreeView display Beginner-friendly + Offline Tool Code : import tkinter as tk from tkinter import ttk, messagebox import threading from scapy.all import sniff, IP class PacketSnifferGUI:     def __init__(self, root):         self.root = root         self.root.title("📡 FuzzuTech Packet Sniffer")         self.root.geometry("600x500")         self.r...
Read more