Skip to content

FourHeadedDev/genz-captcha-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages