سوق الخضار والفواكه عبر الإنترنت (VegFru)
مرحبًا بكم في مشروع سوق الخضار والفواكه عبر الإنترنت! تم تصميم هذه المنصة لربط العملاء بالبائعين القريبين الذين يبيعون الفواكه والخضروات الطازجة. من خلال واجهة سهلة الاستخدام، يمكن للعملاء البحث عن البائعين على الخريطة، وعرض قوائم المنتجات، وتقديم الطلبات بشكل آمن من خلال بوابة الدفع.
انقر هنا لعرض تدفق VegFru
Note: Fully Mobile Responsive
ميزات التطبيق:
| ميزات العملاء | ميزات البائع - إنشاء وإدارة متجرك |
|---|---|
| 1. ابحث عن البائعين القريبين على الخريطة: - حدد موقع البائعين القريبين بسهولة باستخدام واجهة الخريطة التفاعلية. | 1. إنشاء المتجر: يمكن للبائعين إنشاء متجرهم عبر الإنترنت وتخصيصه داخل النظام الأساسي. يمكنهم إعداد المتجر بالعلامات التجارية والشعارات ومعلومات المتجر. |
| 2. عرض ملفات تعريف البائعين وقوائم المنتجات على الخريطة: - الوصول إلى ملفات تعريف البائعين التفصيلية وتصفح قوائم المنتجات مباشرة داخل واجهة الخريطة. | 2. إدارة المخزون: يصل البائعون إلى لوحة تحكم قوية لإدارة المخزون بكفاءة. يمكنهم إضافة قوائم المنتجات أو تعديلها أو إزالتها وتحديث الكميات وتحديد الأسعار. |
| 3. تقديم الطلبات والدفع بشكل آمن من خلال Stripe: - تقديم طلبات المنتجات المرغوبة من البائعين بسلاسة باستخدام بوابة الدفع Stripe القوية والآمنة. | 3. معالجة الطلب: يمكن للبائعين إدارة الطلبات بكفاءة ومراجعة التفاصيل وإعداد عمليات التسليم مباشرةً من لوحة المعلومات. |
| 4. تتبع الطلبات في الوقت الفعلي: - تتبع حالة الطلب والتفاصيل والمدفوعات في الوقت الفعلي من التأكيد إلى التسليم. | 4. الرؤى: يستطيع البائعون الوصول إلى الدخل اليومي وإجماليات العملاء وبيانات الطلب، مما يوفر رؤى تجارية قيمة تساعد في فهم أداء المتجر. |
| 5. تأكيد البريد الإلكتروني بعد نجاح الطلب: - احصل على تأكيد عبر البريد الإلكتروني فورًا بعد تقديم الطلب بنجاح. |
التقنيات المستخدمة
تم بناء هذا المشروع باستخدام تقنيات الويب الحديثة، بما في ذلك:
| تكنولوجيا | الاختيارات |
|---|---|
| الواجهة الأمامية | ReactJS/NextJS |
| إطار واجهة المستخدم | شقراوي/الرياح الخلفية |
| الخلفية | NodeJs/ExpressJS |
| قاعدة البيانات | MongoDB |
| النقل بالحاويات | عامل ميناء |
| خدمات الموقع | Mapbox API (عمليات البحث المستندة إلى الموقع، وتكامل الخرائط، وواجهة برمجة تطبيقات الاتجاه، وواجهة برمجة تطبيقات المسافة) |
| بوابة الدفع | الخروج الشريط |
| التخزين المؤقت | Redis (لتقليل طلبات قاعدة البيانات وتحسين الأداء وتقليل وقت الاستجابة) |
| الحد من المعدل | تُستخدم للتحكم في معدلات الطلب، ويتم تنفيذها كبرنامج وسيط في ExpressJS لمنع الطلبات المفرطة وضمان استقرار الخادم |
| خطافات الويب | يستخدم لحفظ تفاصيل الدفع في قاعدة البيانات |
| إشعارات البريد الإلكتروني | تم الإرسال باستخدام خادم Gmail SMTP وNodemailer |
| رمز الوصول ورمز التحديث | تم تنفيذه باستخدام أجهزة اعتراض Axios لتحسين تجربة المستخدم |
لقطات من جانب العميل
لقطات الشاشة من جانب البائع
اتصال
إذا كان لديك أي أسئلة أو تعليقات، يرجى الاتصال بي على [email protected]، أو زيارة موقع الويب الخاص بي: انقر هنا، نود أن نسمع منك!
