As a front-end developer and multimedia student, I’m creating a custom CAPTCHA system to verify human users through an image selection challenge. The goal is to prevent bots while keeping the experience smooth and user-friendly.
Key Features:
1. Image Grid Selection – Users click on specific images (e.g., all trains).
2. "I Am Not a Robot" Checkbox – A final step for verification.
3. Validation Button & Feedback – Instant success or error messages.
4. Smooth UI & Animations – Hover effects, fade-ins, and responsive design.
5. JavaScript Logic – Random image shuffling, selection tracking, and validation.
User Flow:
1. The page loads with a randomized grid of images.
2. The user selects the correct images and checks the box.
3. Clicking "Validate" triggers verification.
4. A success or error message appears instantly.
This project lets me blend JavaScript interactivity, CSS styling, and responsive UI design to create an engaging, functional CAPTCHA system.