Login & Sign-Up Page

مميزات وأدوات المستخدم في الكود

هذا المشروع عبارة عن صفحة تسجيل دخول وتسجيل حساب جديد تم تصميمها باستخدام HTML، CSS، وJavaScript. يهدف هذا الوصف إلى توضيح المميزات والأدوات المستخدمة في المشروع.

المميزات

تصميم متجاوب:

استخدام Bootstrap لجعل التصميم متجاوبًا ويسهل عملية توزيع العناصر.

تنسيق جذاب:

استخدام Google Fonts لإضافة خط مخصص "Space Mono" لتحسين مظهر النصوص.

استخدام ألوان مختلفة وجذابة في الخلفيات والنصوص لجعل الصفحة أكثر جاذبية.

واجهتي تسجيل دخول وتسجيل حساب:

تقسيم الصفحة إلى قسمين رئيسيين: قسم لتسجيل الدخول وقسم لتسجيل حساب جديد.

استخدام الصور والخلفيات لتجميل الواجهات.

تخصيص الزر وعناصر الإدخال لكل قسم بشكل منفصل.

تحقق من صحة البيانات المدخلة:

التحقق من صحة البريد الإلكتروني وكلمة المرور والاسم باستخدام تعبيرات عادية (Regex).

تلوين حدود الحقول المدخلة لإظهار الأخطاء عند عدم تطابق البيانات مع الشروط المطلوبة.

تخزين البيانات باستخدام LocalStorage:

تخزين بيانات المستخدمين المسجلين في LocalStorage للسماح بالتحقق من المستخدمين أثناء تسجيل الدخول.

عرض رسائل نجاح أو فشل بناءً على نتائج عملية التسجيل أو تسجيل الدخول.

تجربة مستخدم سلسة:

استخدام الرسوم المتحركة لإظهار وإخفاء أقسام التسجيل وتسجيل الدخول.

إضافة زر لتسجيل الخروج يعيد المستخدم إلى واجهة تسجيل الدخول.