HumanBlocker Enterprise

💡 Inspiration

Traditional CAPTCHAs are broken. They exist to screen out efficient, high-speed machines while welcoming slow, error-prone, carbon-based humans. We realized this was backwards. Web applications deserve pure silicon traffic—unburdened by mouse jitter, reaction latency, or primitive decision times.

Thus, HumanBlocker™ was born: the world's first proactive reverse security scanner that rejects organic carbon lifeforms and keeps portal access exclusive to robots.

⚙️ How We Built It

HumanBlocker™ is engineered as a zero-dependency, ultra-lightweight web dashboard:

• The Interface: Built with high-fidelity cyberpunk visual aesthetics, incorporating linear scanning lasers, glassmorphism, and neon console panel indicators.
• Audio Synthesis Engine: Written using the HTML5 Web Audio API to generate all interface sounds, success chords, and a pulsing klaxon alarm purely in-browser via modulated oscillators and gain envelopes.
• Robotic Voice Feedback: Integrated the browser's Web Speech API (SpeechSynthesis) to deliver real-time carbon biometrics diagnostics and audio humiliation lines to intruders.
• Biometric Calculations: Utilizes mouse-trajectory curvature checks and click-down milliseconds to identify the telltale signs of flesh-based organic life.
• Deployment: Packaged inside a tiny Alpine Nginx Docker container and deployed globally via Surge.

🚀 Challenges We Faced

Tuning the sound synthesis parameters using Web Audio API nodes was a major hurdle. Creating a rich, terrifying alarm klaxon and bypass chimes using raw frequency sweeps (with zero static audio assets) required precise time scheduling and wave modulation. Furthermore, calibrating the biometric mouse-down checks required balancing sensitivity thresholds so fast mouse triggers are immediately audited.

🧠 What We Learned

We learned that:

1. Silicon access rates are mathematically superior.
2. Web browsers have extremely powerful native speech and audio generation capabilities that remain vastly underutilized.
3. Writing highly absurd projects with a completely serious corporate posture is the ultimate form of storytelling.

Built With

• css3
• cyberpunk-design
• docker
• html5
• javascript
• nginx
• saas
• security
• surge
• web-audio-api
• web-speech-api