تصميم موقع Crop Guard مشروع تخرجي

تم تطوير Crop Guard وهي منصة زراعية ذكية تعتمد على تقنيات الذكاء الاصطناعي لمساعدة المزارعين على اكتشاف أمراض المحاصيل، التنبؤ بالمخاطر، وتقديم توصيات عملية تساهم في زيادة الإنتاجية وتقليل الخسائر، وذلك من خلال نظام متكامل يعمل عبر الويب، الموبايل، والأنظمة المدمجة.

دوري في المشروع: تطوير الواجهة الأمامية وتصميم تجربة المستخدم (Frontend Development & UI/UX).

قمت بتطوير واجهة المستخدم باستخدام Next.js وTypeScript، مع إنشاء Dashboard ديناميكية ولوحات عرض تفاعلية، بالإضافة إلى أقسام للتجارة الإلكترونية والتفاعل المجتمعي بين المستخدمين، مع مراعاة الأداء العالي، الاستجابة لمختلف الشاشات، وتحسين محركات البحث (SEO).

تم تصميم واجهة مستخدم حديثة وسهلة الاستخدام مع إضافة حركات وانتقالات سلسة باستخدام Framer Motion، وبناء مكونات قابلة لإعادة الاستخدام باستخدام Shadcn UI لضمان تنظيم الكود وقابلية التوسع.

كما تم إدارة الحالة والربط مع الـ APIs باستخدام Redux Toolkit وContext API وAxios، مما ساهم في تدفّق البيانات بشكل سلس وتحديث المحتوى في الوقت الفعلي.

التقنيات والأدوات المستخدمة:

Next.js، TypeScript، Tailwind CSS، Shadcn UI، Redux Toolkit، Context API، RESTful API، Framer Motion، HTML، CSS.