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

مشروع نظام تسجيل دخول بسيط

فكرة المشروع:

تطبيق ويب مكون من صفحتين:

1. صفحة تسجيل دخول (إدخال اسم المستخدم وكلمة المرور).

2. صفحة لعرض معلومات المستخدم بعد تسجيل الدخول.

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

· HTML: لبناء هيكل الصفحات.

· CSS: لتنسيق الألوان والأشكال.

· JavaScript: لإضافة التفاعل والتحقق من المدخلات.

· LocalStorage: لحفظ حالة تسجيل الدخول في المتصفح.

طريقة العمل:

· في صفحة تسجيل الدخول، يقوم المستخدم بإدخال اسمه وكلمة المرور (أي قيمة غير فارغة).

· بعد الضغط على "دخول"، يتم تخزين الاسم في المتصفح باستخدام localStorage، ثم ينتقل تلقائياً إلى صفحة المعلومات.

· في صفحة معلومات المستخدم، يتم قراءة الاسم المخزن وعرضه مع بيانات افتراضية (بريد إلكتروني، هاتف).

· إذا حاول الوصول لصفحة المعلومات دون تسجيل دخول، يُعاد توجيهه إلى صفحة الدخول.

· زر "تسجيل الخروج" يمسح البيانات المخزنة ويعود بصفحة الدخول.

كيفية التنفيذ:

1. إنشاء ملفين: login.html و user-info.html.

2. وضع كود HTML/CSS/JavaScript الخاص بكل صفحة في الملف المناسب.

3. فتح login.html في المتصفح لتجربة المشروع.