تطوير واجهة موقع ولوحة تحكم شركة "الرميضي" للتصدير باستخدام Angular

✦وصف المشروع

●قمت بتطوير الواجهة الأمامية لموقع شركة "الرميدي" المتخصصة في تصدير الحاصلات الزراعية، بالإضافة إلى لوحة تحكم للإدارة لإدارة محتوى الموقع.

●المشروع يتكون من جزأين رئيسيين:

موقع تعريفي لعرض منتجات الشركة (الأعشاب – البذور – التوابل)

لوحة تحكم (Dashboard) لإدارة المنتجات والمشرفين

عملت في هذا المشروع كمطور Frontend باستخدام Angular، مع الاعتماد على تصميم جاهز وتحويله إلى تطبيق ويب تفاعلي.

✦المهام التي قمت بتنفيذها

●تحويل تصميم الواجهة إلى تطبيق Angular متجاوب (Responsive) يعمل على مختلف الشاشات.

●إنشاء صفحات عرض المنتجات مع نظام بحث بسيط وتنظيم للعرض.

●تطوير صفحة عرض جميع المنتجات مع Pagination.

●ربط الواجهة مع REST APIs لعرض البيانات بشكل ديناميكي.

●تطوير لوحة تحكم للإدارة تشمل:

إضافة / تعديل / حذف المنتجات و الأقسام

إدارة المشرفين (إضافة مشرف جديد – عرض المشرفين)

●تنفيذ نظام تسجيل دخول للمشرفين مع حماية مسارات لوحة التحكم (Route Guards).

●تجهيز نسخة الإنتاج (Build) ورفع المشروع على الاستضافة.

✦مميزات النظام

●تطبيق يعتمد على Single Page Application (SPA).

●تصميم بسيط ومتناسق يعكس هوية الشركة.

●دعم أكثر من قسم لعرض المنتجات (Seeds – Herbs – Spices).

●نظام صلاحيات لمنع الوصول غير المصرح به للوحة التحكم.

●واجهة إدارة سهلة للتحكم في المحتوى.

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

Angular

TypeScript

HTML / CSS

Bootstrap

RESTful API Integration