DEV Community

Cover image for I Built a Website Security Scanner in HTML/CSS/JS - Check Your Site in 5 Seconds🔥
Joshua
Joshua

Posted on

I Built a Website Security Scanner in HTML/CSS/JS - Check Your Site in 5 Seconds🔥

Hey devs 👋

I just built my first project and wanted to share it here.

It's a Website Security Scanner that checks basic security info about any website in under 5 seconds.

What it does:

  • Enter any Website URL - `https://example.com
  • One-click Scan - Hit "Scan Website"
  • Get a Security Score - Out of 100. Mine got `100/100 - Good security configuration detected
  • Key Checks:
    • ✅ Website URL looks valid
    • ✅ HTTPS is enabled
  • Security Recommendations - Ex: "Make sure the website uses recommended security headers"
  • Scan History - Saves past scans with date, time, and score. You can also clear it.

Why I built this:
As a beginner, I wanted to understand how basic website security works. So many sites still run without HTTPS. This tool makes it easy to check the basics fast.

Tech Stack:
HTMLCSS `JavaScript

Important:
This scanner only does basic checks. It does NOT do penetration testing or deep server-side header inspection.

⚠️ Please only scan websites you own or have permission to test.

Want me to check your website?
Drop your URL in the comments or message me directly and I’ll send you a free security report.

WhatsApp me here
https://wa.me/2348144514422 or whatsapp me@+2348144514422

What's next for v2:
Thinking of adding SSL certificate expiry check + common security headers scan.
What other features would you add?

Let me know what you think 👇

Top comments (1)

Collapse
 
trustjosh_tech profile image
Joshua

Quick question: Would you actually use a tool like this daily?
Or is it just a "nice to have"? Be honest 😂