نظام Loopify لإدارة وإعادة التدوير الذكي

نظام Loopify لإدارة وإعادة التدوير الذكي

نبذة عن المشروع

قمت بتطوير Loopify، وهو نظام متكامل لإدارة عمليات إعادة التدوير يهدف إلى ربط العملاء وموظفي التجميع والإدارة ضمن منصة واحدة سهلة الاستخدام. يوفر النظام تجربة متكاملة لإدارة طلبات جمع المواد القابلة لإعادة التدوير، متابعة العمليات، إدارة المخزون والمكافآت، مع لوحات تحكم مخصصة لكل نوع من المستخدمين.

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

الواجهة الأمامية (Frontend)

Angular 19

TypeScript

Angular SSR (Server-Side Rendering)

Tailwind CSS

Bootstrap 5

RxJS

Chart.js & ng2-charts

ApexCharts

Leaflet Maps

JWT Authentication

FontAwesome & Lucide Icons

الواجهة الخلفية (Backend)

ASP.NET Core Web API

C#

RESTful API Architecture

JWT Authentication

SQL Server Database

أهم المميزات

نظام العملاء

إنشاء الحساب وتسجيل الدخول.

تقديم طلبات استلام المواد القابلة لإعادة التدوير.

متابعة حالة الطلبات لحظيًا.

نظام نقاط ومكافآت قابل للاستبدال.

الإبلاغ عن المشكلات والشكاوى.

نظام الموظفين

لوحة تحكم خاصة بالموظف.

عرض الطلبات المخصصة له.

عرض المواقع على الخريطة.

تحديث حالة الطلبات وإدارة عمليات الاستلام.

نظام الإدارة

Dashboard متكاملة لعرض الإحصائيات والتقارير.

إدارة المستخدمين والموظفين.

إدارة المواد القابلة لإعادة التدوير.

إدارة المخزون والمستودعات.

متابعة الأداء والتقارير التشغيلية.

مميزات تقنية

تصميم حديث ومتجاوب مع جميع الأجهزة.

بنية معمارية منفصلة (Decoupled Architecture) بين الواجهة الأمامية والخلفية.

دعم Server-Side Rendering لتحسين الأداء ونتائج محركات البحث.

رسوم بيانية تفاعلية لعرض البيانات والإحصائيات.

خرائط تفاعلية لتتبع الطلبات والمواقع.

نظام مصادقة وتأمين باستخدام JWT.

النتيجة

تم تطوير منصة متكاملة وقابلة للتوسع تساعد على رقمنة وإدارة عمليات إعادة التدوير بكفاءة، مع تجربة استخدام سلسة لجميع الأطراف المشاركة في النظام.