https://github.com/dhanushrichandrasekar/otpgenerator
Implemented an OTP (One-Time Password) generation and verification system using SMTP.js. This feature enhances security by adding an extra layer of protection and ensures smooth user authentication through email-based verification. The integration is lightweight and easy to set up, making it a practical choice for modern web applications.
https://github.com/dhanushrichandrasekar/otpgenerator
client-side front-end-development javascript otp-generator otp-verification smtpjs
Last synced: about 2 months ago
JSON representation
Implemented an OTP (One-Time Password) generation and verification system using SMTP.js. This feature enhances security by adding an extra layer of protection and ensures smooth user authentication through email-based verification. The integration is lightweight and easy to set up, making it a practical choice for modern web applications.
- Host: GitHub
- URL: https://github.com/dhanushrichandrasekar/otpgenerator
- Owner: dhanushrichandrasekar
- Created: 2025-04-04T20:53:58.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-04T21:08:13.000Z (about 2 months ago)
- Last Synced: 2025-04-04T22:19:05.540Z (about 2 months ago)
- Topics: client-side, front-end-development, javascript, otp-generator, otp-verification, smtpjs
- Language: CSS
- Homepage: https://github.com/dhanushrichandrasekar/otpGenerator
- Size: 4.96 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📧 OTP Generation and Verification via Email using SMTP.js
🚀 This project is a simple and effective **OTP (One-Time Password)** generator and verifier built with **HTML**, **CSS**, and **JavaScript** using **SMTP.js** to send OTPs to users' email addresses.
## 💡 Features
- 🔒 **Enhanced Security**: Adds an extra layer of protection through email verification.
- ✅ **User-Friendly Verification**: Simple and efficient way to validate users.
- ⚡ **Fast & Easy Setup**: Minimal configuration required to integrate SMTP.js.
- 🎨 **Responsive UI**: Clean, modern design compatible with all devices.
## 🎥 Demo
🎬 **[Watch the Demo of OTP Generation ](https://github.com/dhanushrichandrasekar/otpGenerator/blob/f0ba430842bc23329d47f7c850d07ae914481340/OtpGeneratorDemo.mp4)**
## 🛠️ Technologies Used
- **HTML5** – Structure
- **CSS3** – Styling and responsiveness
- **JavaScript** – Logic for OTP generation, sending, and verification
- **[SMTP.js]** – To send OTP to the user's email
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/dhanushrichandrasekar/otpGenerator.git
cd otpGenerator
```
2. Open the `index.html` from designFiles folder.
> ✅ No backend or server setup needed!
## ✉️ How It Works
1. The user enters their email.
2. An OTP is generated and sent via **SMTP.js** to the provided email.
3. The user enters the received OTP.
4. The OTP is verified, and access is granted if it matches.
## 📱 Responsive Design
- Adapts to all screen sizes (desktop, tablet, mobile)
- Clean layout with intuitive user flow
## 📬 Contact
💡 Have ideas or suggestions? Let’s connect!
- 📧 Email: [email protected]
- 📌 GitHub: [Dhanushri Chandrasekar](https://github.com/dhanushrichandrasekar)
- 🔗 LinkedIn: https://www.linkedin.com/in/dhanushri17
---
**#OTPGenerator #SMTPjs #WebDevelopment #UIUXDesign #Frontend**