تفاصيل العمل

مشروع تطوير تطبيق ويب تفاعلي وخفيف الوزن لتوليد كلمات مرور عشوائية وقوية (Password Generator). تم بناء التطبيق بالكامل من الصفر باستخدام تقنيات الويب الأساسية دون الاعتماد على أي أطر عمل أو مكتبات خارجية، مع التركيز على تقديم تجربة مستخدم سلسة وأداء فائق السرعة.

يتيح التطبيق للمستخدمين توليد حتى 4 كلمات مرور مختلفة في نفس الوقت وبنقرة زر واحدة، مع توفير خيارات تخصيص كاملة للتحكم في خصائص كلمة المرور الناتجة لضمان أعلى مستويات الأمان.

📋 أبرز الميزات والتقنيات المستخدمة:

توليد ديناميكي تفاعلي: استخدام منطق الجافا سكريبت (Vanilla JS) لتوليد سلاسل نصية عشوائية تماماً ومستقلة لكل حقل بناءً على رغبة المستخدم.

خيارات مخصصة لتوليد كلمات المرور: إدراج متحكمات من نوع (Range Sliders) لتفعيل أو إيقاف العناصر الخاصة بكلمة المرور مثل: الحروف الكبيرة (Uppercase) والرموز الخاصة (Special Characters).

نسخ بنقرة واحدة (One-Click Copy): دمج واجهة برمجية متطورة (Clipboard API) تتيح للمستخدم نسخ أي كلمة مرور مباشرة إلى الحافظة بمجرد الضغط على الحقل الخاص بها، مع دعم التوافقية للهواتف الذكية.

منظومة التحقق وإظهار الأخطاء (Input Validation): بناء واجهة ذكية تمنع المدخلات الخاطئة (مثل ترك الحقل فارغاً أو طلب كلمات مرور أطول من 20 حرفاً) مع إظهار رسائل تحذيرية ديناميكية للمستخدم.

تصميم داكن متجاوب (Responsive Dark Theme): تنسيق واجهة التطبيق باستخدام CSS Grid و Flexbox لتوفير تجربة بصرية مريحة للعين (Dark Mode) تتكيف بسلاسة مع كافة مقاسات الشاشات والهواتف الذكية.

⚙️ الأدوات والتقنيات (Tech Stack):

HTML5: لبناء عناصر المدخلات والمتحكمات وهيكل التطبيق.

CSS3 (Custom Properties & Grid): لتصميم الواجهة الداكنة المودرن وتخصيص شكل الـ Range Sliders والميديا كويري للشاشات الصغيرة.

Vanilla JavaScript: لكتابة المنطق البرمجي، ومعالجة الأحداث (DOM Events)، وإدارة عملية النسخ والتحقق.

ملفات مرفقة