🔐 OTP Verification Web App

A responsive and lightweight HTML/CSS/JavaScript-based OTP (One-Time Password) verification app. This project demonstrates OTP generation, timer-based expiration, and basic validation. Includes a Dark Mode toggle for improved user experience.

🌟 Features

• ✅ Generate a random 6-digit OTP
• ⏳ OTP expires automatically after 30 seconds
• 🕶️ Light/Dark mode toggle
• 🔒 Show/Hide OTP option
• 📱 Mobile responsive
• ⚡ No external libraries used

🛠️ How It Works

1. Generate OTP: Click on "Generate OTP" to receive a 6-digit code.
2. Timer Starts: OTP is valid for 30 seconds.
3. Enter OTP: Type the received OTP in the input field.
4. Verify: Click "Verify OTP" to validate.
5. Success/Error Messages: Displays appropriate message for success, incorrect input, or expiry.

🌑 Dark Mode Support

You can toggle dark mode using the checkbox switch provided at the top right.

💡 Customization Tips

• Increase/decrease timer duration in the secondsLeft variable in the script.
• Style enhancements can be made via CSS variables under :root.
• Extend functionality by connecting with backend APIs or SMS services.

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, etc.)