ToFaco للتصدير الزراعي
تفاصيل العمل
تم تطوير موقع إلكتروني احترافي متكامل لشركة ToFaco – التوفيق للاستيراد والتصدير، المتخصصة في تصدير المنتجات الزراعية المصرية عالية الجودة مثل الفواكه الطازجة، الخضروات المجمدة، والمنتجات المُعالجة.
الهدف من المشروع هو إنشاء منصة رقمية تعكس احترافية الشركة، تعرض منتجاتها بطريقة منظمة، وتسهّل تواصل العملاء الدوليين معها، مع لوحة تحكم إدارية كاملة لإدارة المحتوى والمنتجات.
التقنيات المستخدمة
Frontend
Next.js 14 (React 18) مع TypeScript
Tailwind CSS بتصميم متجاوب بالكامل (Mobile-First)
Backend
Next.js API Routes
PostgreSQL مع Prisma ORM
Authentication
NextAuth.js (تسجيل دخول – إنشاء حساب – استعادة كلمة المرور)
Cloud & Services
Cloudinary لإدارة ورفع الصور
Nodemailer لإرسال رسائل البريد الإلكتروني
UI Components
Keen Slider – Swiper – Lucide Icons
المميزات الرئيسية
أولاً: الواجهة الأمامية (Frontend)
صفحة رئيسية احترافية تتضمن:
قسم تعريفي رئيسي (Hero Section)
عرض الفئات والمنتجات
قسم الإحصائيات
صفحات تفصيلية للمنتجات والفئات
نظام فلترة وبحث متكامل
صفحة “اتصل بنا” مع نموذج إرسال رسائل
تصميم متجاوب 100% يعمل بكفاءة على جميع الأجهزة
تجربة مستخدم سلسة وسريعة
ثانياً: لوحة التحكم الإدارية (Admin Dashboard)
لوحة تحكم شاملة لإدارة الموقع بالكامل، وتشمل:
إدارة المنتجات (إضافة – تعديل – حذف – عمليات جماعية)
إدارة الفئات
إدارة المستخدمين والصلاحيات
إدارة رسائل التواصل الواردة
رفع وإدارة الصور عبر Cloudinary
واجهة سهلة الاستخدام ومنظمة
ثالثاً: نظام المصادقة والأمان
تسجيل دخول وخروج
إنشاء حسابات جديدة
استعادة كلمة المرور عبر البريد الإلكتروني
نظام صلاحيات (Admin / User Roles)
حماية صفحات الإدارة من الوصول غير المصرح به
رابعاً: تحسين محركات البحث (SEO)
إعداد Metadata محسّنة لجميع الصفحات
Structured Data (Schema.org)
إنشاء Sitemap و Robots.txt
دعم Open Graph و Twitter Cards
دعم اللغتين العربية والإنجليزية
تحسين محلي لمحركات البحث داخل مصر
خامساً: الـ API و هيكلة النظام
RESTful APIs متكاملة
عمليات CRUD كاملة للمنتجات والفئات
APIs للمستخدمين والمصادقة
نظام رفع الملفات
معالجة وإدارة رسائل التواصل
تصميم قاعدة البيانات
تم تصميم قاعدة بيانات منظمة تشمل:
Users: إدارة المستخدمين والصلاحيات
Products: بيانات المنتجات والصور والوصف
Categories: تصنيفات المنتجات
ContactMessages: رسائل التواصل
Sessions & Accounts: إدارة الجلسات والمصادقة
المخرجات النهائية
موقع ويب متكامل وجاهز للنشر
كود نظيف ومنظم باستخدام TypeScript
تصميم احترافي متجاوب بالكامل
لوحة تحكم إدارية شاملة
نظام أمان متكامل
SEO مُحسّن
التسليم
الكود المصدري الكامل
Prisma Schema لقاعدة البيانات
ملفات الإعداد (Configuration Files)
توثيق أساسي لشرح طريقة التشغيل والنشر