https://github.com/janpreet/waf-vision

A visual simulator showing how WAF processes web requests in real-time. See your browser fingerprint & security checks live!
https://github.com/janpreet/waf-vision

devops education security waf web-security

Last synced: 4 months ago
JSON representation

A visual simulator showing how WAF processes web requests in real-time. See your browser fingerprint & security checks live!

• Host: GitHub
• URL: https://github.com/janpreet/waf-vision
• Owner: janpreet
• License: mit
• Created: 2024-11-09T17:00:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-09T18:13:01.000Z (over 1 year ago)
• Last Synced: 2025-01-13T16:50:35.206Z (over 1 year ago)
• Topics: devops, education, security, waf, web-security
• Language: HTML
• Homepage: https://janpreet.github.io/waf-vision/
• Size: 20.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![pages-build-deployment](https://github.com/janpreet/waf-vision/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/janpreet/waf-vision/actions/workflows/pages/pages-build-deployment)

# WAF Vision 🛡️

A real-time Web Application Firewall (WAF) visualization tool for DevOps and Platform Engineers to demonstrate WAF request processing mechanics in action. Perfect for infrastructure discussions, security demonstrations, and developer onboarding.

## Why I Built This

As a Platform/DevOps Engineer, I often need to remind myself and explain WAF mechanics to different teams. While AWS WAF, Cloudflare, and other solutions are powerful, their inner workings can be opaque. I built WAF Vision to demonstrate WAF behavior in a clear, visual way that helps us understand what's happening behind the scenes when we implement WAF rules in our infrastructure.

## Core Functionality

- 🔍 Real-time HTTP request inspection

- 🌐 Client IP detection and geolocation

- 🕒 WAF rule processing pipeline visualization

- 📊 Rule violation metrics and analytics

- 🛡️ Simulated security rule evaluation

- 🔄 Infrastructure-as-Code ready

## Tech Stack

- Frontend: Vanilla JS & HTML

- Styling: Tailwind CSS v2.2.19

- External API: ipify for IP detection

- Hosting: GitHub Pages