form login and register dynamic

هذه المشروع تمثل واجهة مستخدم لموقع تسوق إلكتروني بسيط. تتجلى فيها عملية إنشاء حساب وتسجيل الدخول بوضوح، حيث يُطلب من المستخدم إدخال اسم المستخدم في نموذج الإدخال.

عند الضغط على زر "Signup"، يتم التقاط اسم المستخدم المُدخل وتخزينه باستخدام localStorage في المتصفح، مما يضمن الاحتفاظ بالبيانات حتى بعد تحديث الصفحة.

في حال أراد المستخدم تسجيل الدخول لاحقًا، يضغط على "Login"، ويقوم بإدخال نفس اسم المستخدم. يتم حينها استرجاع البيانات المخزنة من localStorage والتحقق من وجودها. إذا كانت موجودة، يتم الترحيب بالمستخدم في صفحة الملف الشخصي (Profile) برسالة مثل:

"Welcome, [اسم المستخدم]!".

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

This project visually user interface for a simple e-commerce website. It clearly illustrates the process of account creation and user login.

When a user enters a username and clicks "Signup", the data is captured and stored in the browser's localStorage, ensuring persistence even after page reloads.

Later, when logging in via the "Login" form, the username is matched against the stored data. If found, the system welcomes the user on the profile page with a message like:

"Welcome, [username]!"

The image effectively conveys this interaction by showing input fields, interactive buttons, and arrows that depict the flow of data from user input to storage and back to the user interface.