صفحة تسجيل دخول

صفحة تسجيل الدخول | Login Page

صفحة تسجيل دخول عصرية ومتجاوبة، تم تطويرها باستخدام HTML5 وCSS3 وJavaScript، مع واجهة عربية تدعم اتجاه الكتابة من اليمين إلى اليسار (RTL)، وتصميم بسيط وأنيق يوفر تجربة استخدام سهلة ومريحة.

المميزات الرئيسية

- تصميم متجاوب: يعمل على الهواتف المحمولة وأجهزة الكمبيوتر.

- التحقق من البيانات: التأكد من صحة البريد الإلكتروني وأن كلمة المرور لا تقل عن 8 أحرف.

- إظهار وإخفاء كلمة المرور: لتسهيل إدخال البيانات.

- تذكر البريد الإلكتروني: حفظ البريد محليًا عند تفعيل خيار «تذكرني».

- الوضع الفاتح والداكن: دعم تفضيلات ألوان الجهاز مع إمكانية تحديد الوضع الداكن برمجيًا.

- رسائل تنبيه واضحة: توضيح أخطاء الإدخال وإظهار حالة تجريبية عند إرسال النموذج.

- مراعاة سهولة الوصول: دعم التنقل بلوحة المفاتيح وتوضيح أخطاء الحقول.

التقنيات المستخدمة

- HTML5: لبناء هيكل الصفحة ونموذج تسجيل الدخول.

- CSS3: لتنسيق الواجهة وتصميم الحقول والأزرار ودعم الشاشات المختلفة.

- JavaScript: للتحقق من المدخلات والتفاعل مع عناصر الصفحة.

- LocalStorage: للاحتفاظ بالبريد الإلكتروني اختياريًا على الجهاز.

الهدف من المشروع

تطبيق عملي لتطوير واجهات تسجيل الدخول، وإظهار مهارات تصميم النماذج والتحقق من البيانات باستخدام تقنيات الويب الأساسية.

ملاحظة: المشروع نموذج أمامي تجريبي؛ رسالة نجاح تسجيل الدخول لا تعني التحقق من حساب حقيقي. كما أن استعادة كلمة المرور وإنشاء الحساب غير مكتملين، ويحتاج المشروع إلى خادم ونظام مصادقة آمن قبل استخدامه مع حسابات حقيقية.