A simple and interactive slider CAPTCHA that requires users to drag or slide a ball from left to right to verify they are human. Designed to improve user experience while adding a layer of bot protection.
Features Smooth slider animation using CSS and JavaScript
Mobile-friendly (supports tap & hold)
Tracks user interaction to differentiate between humans and bots (with JavaScript backend validation planned)
Lightweight and easy to integrate into any web project
How It Works Users must drag the red ball from the left end of the slider track to the right end. The interaction is tracked to prevent automated bots from bypassing the verification.
Tech Stack HTML
CSS (for styling and animations)
JavaScript (for interaction tracking and future backend communication)
Usage Clone the repository
bash Copy code git clone https://github.com/yourusername/slider-captcha.git Open index.html in a web browser to see the slider in action.
Integrate the slider component and scripts into your project as needed.
Future Enhancements Add backend validation to verify user interaction data
Implement additional security layers such as IP rate limiting and behavior analysis
Improve accessibility features for differently-abled users
Contribution Contributions are welcome! Feel free to open issues or submit pull requests to improve the slider CAPTCHA.