مشروع Clone لتطبيق InstaPay – تصميم وتطوير بواجهة Angular
قمت بتصميم وتطوير واجهة مستخدم كاملة تحاكي تطبيق InstaPay باستخدام إطار العمل Angular، مع مراعاة تجربة المستخدم وتعدد اللغات.
تفاصيل المشروع:
تصميم واجهة المستخدم تم على Figma مع الالتزام بهوية تطبيق InstaPay من حيث الألوان، الخطوط، وتوزيع العناصر.
تطوير الواجهة (Front-End) باستخدام Angular مع تنظيم الكود بشكل احترافي وقابل للتوسعة.
دعم اللغتين (عربي / إنجليزي) باستخدام مكتبة i18n مع إمكانية التبديل اللحظي بين اللغات.
Responsive Design متجاوب مع جميع الشاشات (موبايل – تابلت – ديسكتوب).
تنظيم مكونات المشروع باستخدام Standalone Components وRouting Modules لسهولة إدارة الصفحات.
إضافة عناصر تفاعلية مثل القوائم المنسدلة، الفورمات الديناميكية، وأيقونات التحميل.
التقنيات المستخدمة:
Angular 14+
Tailwind CSS / SCSS
Angular i18n / ngx-translate
Figma (UI/UX Design)