مرحبًا، أنا هاجر، مطورة واجهات أمامية. سأقوم بتصميم صفحة تسجيل دخول وتسجيل احترافية باستخدام تقنيات HTML, CSS, JavaScript, Bootstrap وReact. الهدف هو تقديم تجربة مستخدم مريحة، سلسة وآمنة باستخدام تصميم حديث.
واجهة احترافية تناسب مختلف المشاريع.
كود نظيف وقابل للتوسيع والتعديل بسهولة.
يعمل بسلاسة على الهواتف، التابلت، وأجهزة الكمبيوتر.
تعديل الألوان، الخطوط، والتصميم حسب احتياجاتك.
HTML/CSS: تصميم هيكل الصفحة باستخدام HTML وتنسيقها باستخدام CSS لتوفير مظهر احترافي.
JavaScript: إضافة التفاعل مثل التحقق من صحة المدخلات في النماذج.
Bootstrap: استخدام مكونات Bootstrap لتسهيل التصميم المتجاوب وضمان أن الصفحة تعمل بشكل جيد على جميع الأجهزة.
React: استخدام React لإنشاء مكونات ديناميكية لضمان التفاعل السلس بين النماذج.
سهل الفهم والتعديل لاحقًا.
تجربة مستخدم مثالية على جميع الشاشات.
جاهزة للتكامل مع أي نظام Backend.
ملفات HTML: تحتوي على هيكل الصفحة والنماذج.
ملفات CSS: تحتوي على تنسيق وتصميم الصفحة.
ملفات JavaScript: تحتوي على الوظائف التفاعلية مثل التحقق من صحة المدخلات.
ملفات React: إذا تم استخدام React لإنشاء المكونات التفاعلية.
صور: مثل الأيقونات أو الشعارات المستخدمة في النموذج.
ملف مضغوط أو رابط GitHub: لتسليم جميع الملفات المطلوبة مع توثيق الاستخدام.
صفحة تسجيل الدخول (Login):
نموذج لتسجيل الدخول مع حقول للبريد الإلكتروني وكلمة المرور.
زر لتسجيل الدخول.
رابط لاسترجاع كلمة المرور.
صفحة التسجيل (Sign-up):
نموذج لتسجيل مستخدم جديد مع حقول مثل: الاسم، البريد الإلكتروني، كلمة المرور، تأكيد كلمة المرور.
زر للتسجيل.
رابط لتوجيه المستخدم إلى صفحة تسجيل الدخول في حال كان لديه حساب بالفعل.
Header: يحتوي على شعار الموقع ورابط العودة للصفحة الرئيسية.
نموذج تسجيل الدخول: يحتوي على الحقول المطلوبة مع تنسيقات مهنية وأنيقة.
نموذج التسجيل: إضافة مزايا مثل التحقق من صحة المدخلات (Input validation).
Footer: قد يتضمن روابط الشروط والأحكام أو سياسة الخصوصية.
سيتم تسليمها بعد يوم واحد من استلام كافة التفاصيل