Skip to content

Enhance CAPTCHA Validator: Mobile Responsive, Modular JS, and Accessibility Improvements #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

AbhinashRao
Copy link

🛠️ Summary

This PR includes multiple improvements to the CAPTCHA Validator project to enhance usability, maintainability, and accessibility. These changes make the project cleaner, responsive, and more professional for end-users and recruiters alike.


✅ What's Changed

  • ♻️ Refactored script.js to modularize CAPTCHA generation logic.
  • 🧪 Added keyboard event (Enter key) for user convenience.
  • 🔁 Implemented functional "Refresh CAPTCHA" button.
  • 📱 Made the layout responsive for mobile and smaller screens via media queries in styles.css.
  • 🎨 Improved layout spacing and padding for better visual structure.
  • ♿ Enhanced accessibility and semantic structure for screen readers.
  • 📘 Added a professional README.md with features, demo, and usage instructions.

💡 Motivation

These changes are intended to:

  • Improve first impressions for users accessing on different devices.
  • Follow modern JS practices with clean functions.
  • Make the project suitable for production or as a strong candidate for open-source contribution.

✅ Checklist

  • Code runs successfully in modern browsers.
  • UI is mobile-friendly and responsive.
  • CAPTCHA refresh and validation works as expected.
  • Files and folders are properly structured and documented.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant