ابزار رمزساز حرفه‌ای | Password Generator با HTML و CSS و JS

معرفی سورس

یک ابزار رمزساز (Password Generator) حرفه‌ای، زیبا و کاملاً کاربردی که با HTML، CSS و JavaScript خالص پیاده‌سازی شده است. با استفاده از این سورس می‌توانید رمزهای عبور بسیار قوی و غیرقابل حدس با تنظیمات دلخواه تولید کنید. رابط کاربری کاملاً فارسی، مدرن و واکنش‌گرا (Responsive) طراحی شده و شامل یک نشانگر ماوس شخصی‌سازی‌شده با انیمیشن نبضی است.

🎯 ویژگی‌ها و قابلیت‌ها

• ✅ تولید رمز با طول قابل تنظیم (۴ تا ۳۲ کاراکتر)
• ✅ انتخاب نوع کاراکترهای مجاز: حروف بزرگ (A-Z)، حروف کوچک (a-z)، اعداد (0-9)، نمادها (!@#$%)
• ✅ گزینه حذف کاراکترهای مشابه (i, l, 1, o, 0) برای جلوگیری از اشتباه
• ✅ جلوگیری از تکرار کاراکترها در رمز
• ✅ امکان تنظیم برای شروع رمز با حرف
• ✅ نمایش لحظه‌ای قدرت رمز (ضعیف، متوسط، قوی، بسیار قوی) با نوار پیشرفت رنگی
• ✅ دکمه کپی رمز در کلیپ‌بورد
• ✅ تاریخچه ۱۰ رمز آخر با زمان تولید (ذخیره در LocalStorage)
• ✅ رابط کاربری کاملاً فارسی و راست‌چین
• ✅ طراحی شیشه‌ای (Glassmorphism) مدرن با انیمیشن‌های روان
• ✅ نشانگر ماوس شخصی‌سازی‌شده با حالت نبضی و تغییر اندازه روی عناصر تعاملی
• ✅ کاملاً واکنش‌گرا (مناسب موبایل، تبلت و دسکتاپ)
• ✅ بدون نیاز به هیچ کتابخانه خارجی

🎨 طراحی ظاهری

یک کارت شیشه‌ای با حاشیه‌های بسیار گرد و نرم در مرکز صفحه قرار گرفته است. نمایشگر رمز با فونت مونواسپیس و رنگ نارنجی، نوار قدرت رمز با تغییر رنگ داینامیک، و دکمه‌های گرادیانت‌دار از ویژگی‌های ظاهری این ابزار هستند. نشانگر ماوس پیش‌فرض مرورگر کاملاً مخفی شده و یک نشانگر نئونی و زیبا با افکت glow جایگزین آن شده است.

📦 محتویات سورس

• index.html – ساختار صفحه، المنت‌ها و متن‌های فارسی
• style.css – استایل‌دهی کامل با تم تیره، افکت شیشه‌ای و انیمیشن‌ها
• script.js – منطق تولید رمز، ارزیابی قدرت، مدیریت تاریخچه و کلیپ‌بورد

🚀 نحوه استفاده

1. هر سه فایل را در یک پوشه قرار دهید.
2. فایل index.html را با مرورگر باز کنید.
3. تنظیمات دلخواه خود را انتخاب کرده و روی دکمه «تولید رمز جدید» کلیک کنید.
4. رمز تولیدشده را با دکمه «کپی» در کلیپ‌بورد ذخیره کنید.

برای استفاده در پروژه خود، کافی است کدهای HTML، CSS و JS را به صفحات خود اضافه کنید.

📋 مشخصات فنی

• تکنولوژی: HTML5, CSS3, JavaScript (Vanilla)
• طراحی: واکنش‌گرا (Responsive)، راست‌چین (RTL)
• ذخیره‌سازی: LocalStorage (برای تاریخچه)
• وابستگی: صفر (بدون کتابخانه خارجی)
• تعداد فایل: ۳
• حجم کلی: بسیار کم
• سازگاری: تمام مرورگرهای مدرن

🎁 این سورس برای چه کسانی مناسب است؟

• توسعه‌دهندگان وبی که نیاز به یک ابزار رمزساز آماده و شکیل دارند
• افراد مبتدی که می‌خواهند با منطق تولید رشته‌های تصادفی و کار با LocalStorage آشنا شوند
• پروژه‌های نیازمند بخش تولید رمز عبور (فرم‌های ثبت‌نام، پنل‌های مدیریت)
• هرکسی که یک کامپوننت آماده، سبک و حرفه‌ای برای وب‌سایت خود می‌خواهد

💡 چرا این سورس؟

• 🔹 رابط کاربری کاملاً فارسی و جذاب
• 🔹 کد بسیار تمیز، دارای کامنت و قابل یادگیری
• 🔹 طراحی مدرن و قابل شخصی‌سازی (رنگ‌ها، ابعاد، فونت)
• 🔹 منطق قدرتمند ارزیابی قدرت رمز به صورت Real-time
• 🔹 نشانگر ماوس خلاقانه و متفاوت
• 🔹 اجرای فوری و بدون هیچ پیش‌نیازی