sign in and sign up design

وصف العمل

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

1. صفحة تسجيل الدخول (Login Page)

تحتوي على حقول إدخال للبريد الإلكتروني وكلمة المرور.

يوجد خيار لإظهار/إخفاء كلمة المرور باستخدام مربع اختيار (Checkbox).

زر "Sign In" لتنفيذ عملية تسجيل الدخول.

روابط لاستعادة كلمة المرور وإنشاء حساب جديد.

2. صفحة إنشاء الحساب (Sign Up Page)

تحتوي على حقول إدخال للاسم الكامل، البريد الإلكتروني، كلمة المرور، وتأكيد كلمة المرور.

تمت إضافة اختيار تاريخ الميلاد باستخدام ثلاثة قوائم منسدلة (Select) لتحديد اليوم، الشهر، والسنة.

يوجد خيار لإظهار/إخفاء كلمة المرور باستخدام مربع اختيار.

زر "Sign Up" لإكمال عملية التسجيل.

رابط للعودة إلى صفحة تسجيل الدخول.

3. التنسيق والتصميم

تم استخدام CSS لتنسيق العناصر، حيث تظهر النماذج في منتصف الصفحة داخل صندوق أبيض بزاويا مستديرة وخلفية زرقاء.

استخدام تأثيرات بسيطة لتحسين جمالية الواجهة مثل تباعد العناصر وتحديد الهوامش.

4. التفاعل باستخدام JavaScript

وظيفة إظهار/إخفاء كلمة المرور عند النقر على مربع الاختيار.

التعامل مع قوائم اختيار التاريخ لضمان إدخال تاريخ صالح.

المشروع يوفر تصميمًا بسيطًا ومتجاوبًا يمكن تطويره ليشمل وظائف إضافية مثل التحقق من صحة البيانات وربط الواجهات بقاعدة بيانات.