The Story Behind OctoGuard

As a computer engineering student and design enthusiast, I often explore new platforms and tools online. Almost every site asks to “Login with Google” for quick access, and for a while, it felt harmless — until I realized how easily fake login pages could steal personal data.

Every year, millions of users fall victim to phishing and unsafe websites that exploit one constant weakness: human trust. Even with antiviruses and browser protections, these attacks keep evolving.

That’s what inspired OctoGuard, a lightweight browser extension that protects users right where they browse. Inspired by the awareness and defence of the Kraken, OctoGuard acts as your eight-armed digital guardian, detecting threats in real time while keeping privacy at the forefront.

What it does

  1. Scans every site you visit in real time using the Safe Browsing API to detect malware, phishing, and deceptive content.
  2. Displays intuitive alerts when a site is unsafe, helping users make quick, informed decisions.
  3. Provides an insight panel that explains why a site is flagged, promoting cyber-awareness and user education.
  4. Keeps all checks lightweight and local, ensuring privacy and performance.

The Eight Arms of Defense

Website Safety Checker (Core) Lightweight Chrome Extension Cross-Browser Compatibility Smart Warning Alerts Safety Insights Panel Customizable Protection Modes (Future) ML-Based Threat Detection (Future) Privacy-First Design

How we built it

OctoGuard is a Chrome extension built with: JavaScript, HTML, and CSS for frontend logic and UI. Google Safe Browsing API (prototype integration) using a dummy API key for the submission demo to simulate real-time threat detection. A lightweight popup interface to display alerts and safety insights. Planned integration of Python FastAPI for ML-based URL classification in future versions.

Challenges we ran into

Learning the Chrome Extension architecture and WebExtensions API. Balancing speed and accuracy in API calls without affecting user experience. Designing an alert system that informs users without overwhelming them.

Accomplishments that we're proud of

Successfully built a working MVP that detects unsafe websites in real time. Designed a clean, educational UI that empowers users instead of scaring them.

What's next for OctoGuard

Integrate a machine learning classifier trained on malicious URL datasets (PhishTank, OpenPhish). Develop a browser-independent engine for Edge, Brave, and Firefox. Build a threat visualization dashboard for real-time safety analytics. Add custom user protection profiles for flexible browsing experiences.

Share this project:

Updates