🚀 SafeClick

Hack SafeClick is a cutting-edge Chrome extension integrated with a dashboard, designed to protect users from phishing, scams, and malicious websites in real-time.

It leverages the MERN stack and an advanced XGBoost model, analyzing website URLs based on past URL behavior, domain checks, and clone detection to provide instant safety alerts.

Additionally, the extension includes a website clone detection system, utilizing:
✅ HTML structure analysis
✅ Visual similarity (SSIM)
✅ WHOIS verification

With an intuitive interface, automated detection, and a robust backend powered by Express API, Hack SafeClick ensures a seamless and secure browsing experience, keeping users protected from cyber threats effortlessly.

---

📌 Features

🔹 Chrome Extension & Dashboard

✔ Fully operational Chrome extension with a user-friendly interface
✔ Comprehensive dashboard for monitoring safety alerts & analytics

🔹 Seamless Development & Deployment

✔ Built, integrated, and deployed an optimized ML model
✔ Ensures real-time analysis and user protection

🔹 Core Detection Features

✔ Malicious URL Detection (fake, phishing, spam, scam, and malicious URLs)
✔ Clone URL Detection (detects visually similar but deceptive URLs)
✔ Clone Website Detection (identifies visually cloned fraudulent sites)

---

📌 Tech Stack

📌 Tools Used

📌 Setup & Installation 🔹 To Start the Chrome Extension:

1️⃣ Open Developer Tools 2️⃣ Unpack Extension from the dist folder 3️⃣ Run the following command:

npm run build

How to Start the Project

# Start the Extension: Open Developer Tools, Unpack the extension using the 'dist' folder, then run:
npm run build

# Start the Dashboard Client
cd frontend
npm run dev

# Start the Dashboard Server
cd ../backend/api
nodemon server.js

📌 Model Links

Project Links

• Frontend & Backend: Hack_SafeClick
• Clone Website Detection Model: Check Clone
• Browser Extension: SafeClick Extension