نظام تسجيل وتسجيل دخول المستخدم باستخدام Angular Reactive Forms (User Registration & Login System)

هذا المشروع عبارة عن نظام تسجيل مستخدمين (User Registration) وتسجيل دخول (Login System) تم تطويره باستخدام Angular Reactive Forms مع تطبيق أفضل ممارسات التحقق من صحة البيانات (Form Validation).

يتضمن نموذج التسجيل (Registration Form) المميزات التالية

حقل Full Name مع التحقق من أنه مطلوب وأن الحد الأدنى 5 أحرف

حقل Email مع التحقق من الصيغة باستخدام Email Validator و Pattern

إمكانية إضافة أكثر من رقم هاتف باستخدام Dynamic FormArray مع أزرار Add / Remove

حقل Password بحد أدنى 6 أحرف

حقل Confirm Password مع Custom Validator للتأكد من تطابق كلمة المرور

استخدام Bootstrap Validation Classes مثل is-valid و is-invalid لعرض رسائل الأخطاء

زر Reset لإعادة تعيين النموذج ومسح جميع القيم

بعد الضغط على Register يتم عرض بيانات المستخدم في Card