Pen-Test Agent Website

you can use it for any webhook connection

This repository contains the frontend interface for the Pen-Test Automated System, developed by Omar Al Tamimi The website provides a clean, responsive, and flexible UI for interacting with the automated penetration-testing backend through n8n webhooks. you can use it for any webhook connection

🚀 Features

• Chat Interface Sends and receives text and files through a configurable webhook endpoint.
• Google Login (OAuth Ready) You must replace the default Google API credentials inside: /assets/js/login.js
• Dynamic Settings Page Allows changing the webhook URL used by the chat system.
• Responsive UI
• Clean Project Structure

📂 Project Structure

Webhook-Site/
│
├── index.html               # Main Chat Interface
├── login.html               # Google Login Page
├── settings.html            # Webhook Configuration Page
│
├── assets/
│   ├── css/                 # Stylesheets
│   │   └── *.css
│   │
│   ├── js/                  # JavaScript Files
│   │   ├── login.js         # Google Login API (edit your Client ID here)
│   │   ├── chat.js          # Chatbox logic (send/receive via webhook)
│   │   └── settings.js      # Webhook saving & loading
│   │
│   └── images/              # Icons & UI images
│
└── README.md

⚙️ Webhook Integration

The website communicates with the backend through a webhook URL. You can change the webhook URL from: Settings → Webhook URL

🔐 Google Login Setup

Update your Google Client ID inside: /assets/js/login.js

Don’t forget to add your localhost URL to the Authorized JavaScript Origins inside the Google API Console.
        (Otherwise, Google Login will not work during local development. http://localhost:xxx)

🛠️ Installation & Usage

git clone https://github.com/ogtamimi/Webhook-Site.git Open index.html in your browser.

📜 License

For academic and cybersecurity research purposes.

• Made By : Omar Al-Tamimi