← Back to Portfolio
Web Development

SaaS Application

Bot Detector: Staying ahead of the bots

SaaS Application

Client

BuyFacts Inc.

Year

2025

Tools Used

HTML/CSSReactJavaScriptBootstrapThree.js

Project Overview

Developed a novel web-based bot detection application utilizing interactive 3D challenges (via Three.js) designed to differentiate human users from automated scripts while maintaining a seamless user experience.

Challenges

  • Reliably detecting and capturing user drag input specifically occurring on complex 3D model surfaces.
  • Designing 3D interaction tasks resistant to automated bot simulation yet intuitive for human users.
  • Optimizing the client-side 3D rendering and interaction analysis for smooth performance across devices.
  • Integrating 2D HTML feedback elements precisely with user interaction points on a 3D canvas object.,
  • Ensuring consistent 3D interaction functionality and detection results across different web browsers/devices.

Solutions

  • Implemented accurate Three.js raycasting from camera/input coordinates to identify 3D object intersections.
  • Focused on challenges analyzing smooth path deviations, timing variations, and interaction subtleties.
  • Streamlined Three.js scene complexity, optimized render loops, and minimized event listener overhead.
  • Developed coordinate mapping logic to translate 3D interaction events to accurate 2D UI positions.
  • Utilized responsive canvas techniques and performed comprehensive cross-browser/device testing routines.
Order Service