النظام الخلفي والبيانات
بنيت واجهة Django REST API ونماذج PostgreSQL للتصنيفات والمنتجات واستخداماتها في السيارات والطلبات وعناصر الطلب.
العودة إلى معرض الأعمال
دراسة حالة · تجارة ومنتجات سيارات
First Group
منصة لعرض منتجات السيارات وطلبها، نفّذتها عبر واجهة Django REST API وتطبيق ويب ثنائي اللغة بـ Next.js وتطبيق هاتف بـ Expo وReact Native.
تصميم UI/UX مقدم من طرف آخر · التنفيذ البرمجي: أحمد السيد
زيارة الموقع- الدور
- مطور Full‑Stack
- النطاق
- النظام الخلفي والويب والهاتف
- اللغات
- العربية والإنجليزية
- الحالة
- الموقع متاح للعامة
نظرة عامة
نظام منتج واحد نُفّذ عبر جميع الطبقات البرمجية.
احتاجت First Group إلى منتج رقمي لعرض فلاتر السيارات وربط معلومات كل منتج بالسيارات والشركات المصنّعة التي يناسبها.
انطلاقًا من تصميم UI/UX أعدّه طرف آخر، نفّذت النظام البرمجي كاملًا: نموذج البيانات وواجهة REST API، وتطبيق الويب ثنائي اللغة، وتجربة تصفح المنتجات وطلبها على الهاتف.
مساهمتي
تنفيذ كامل من تصميم UI/UX المقدم إلى منتج يعمل.
تطبيق ويب ثنائي اللغة
نفّذت واجهة Next.js وTypeScript بمسارات عربية وإنجليزية ودعم RTL والمصادقة والبحث والكتالوج والسلة.
تطبيق الهاتف
بنيت تطبيق Expo وReact Native للحسابات وتصفح المنتجات والتصنيفات والبحث والسلة وإتمام الطلب وإرساله.
تكامل النظام
ربطت تطبيقي الويب والهاتف بواجهة API المشتركة، بما يشمل تجديد الجلسة وصور المنتجات ومسار الطلب.
البنية التقنية
واجهة منتجات مشتركة تخدم تطبيقي الويب والهاتف.
يفصل التنفيذ بين واجهات المنتج ونظام Django REST الخلفي، مع حفظ بيانات الكتالوج والطلبات في PostgreSQL.
Next.js 14 · TypeScript · next-intl · Redux Toolkit
Django 5.1 · Django REST Framework · JWT/Djoser
PostgreSQL · المنتجات · الاستخدامات · الطلبات
Expo · React Native · Expo Router · RTK Query
نموذج المنتجات
بيانات الكتالوج تعكس طريقة اختيار منتجات السيارات.
ينتمي كل منتج إلى تصنيف، وترتبط به سجلات استخدام توضّح الشركة المصنّعة ومعلومات السيارة المناسبة له. ويحتفظ كل طلب بعناصر مستقلة مرتبطة بالمنتجات.
التصنيفالمنتج
المنتجالاستخدام في السيارة
الطلبعنصر الطلب
عنصر الطلبالمنتج
رحلة المنتج
مسار العمل الأساسي نفسه متاح عبر الويب والهاتف.
- 01
الاكتشاف
تصفح التصنيفات أو البحث بأسماء المنتجات.
- 02
المراجعة
فتح تفاصيل المنتج ومراجعة استخداماته في السيارات.
- 03
الاختيار
إضافة المنتجات إلى السلة وتعديل الكميات.
- 04
الطلب
إدخال بيانات التوصيل وإرسال الطلب عبر واجهة API.
قرارات التنفيذ
قرارات تقنية موثقة في التنفيذ الفعلي.
واجهة REST مشتركة
يستخدم تطبيقا الويب والهاتف النظام الخلفي نفسه للكتالوج والمصادقة والطلبات.
توطين قائم على المسارات
يمنح تطبيق الويب العربية والإنجليزية مسارات مستقلة واتجاه الصفحة المناسب.
جلسات مناسبة لكل عميل
يستخدم الويب طلبات JWT مع ملفات الارتباط، بينما يحفظ تطبيق الهاتف الرموز محليًا ويجددها.
علاقات منتجات قابلة لإعادة الاستخدام
فُصلت استخدامات السيارات عن المنتجات حتى يحتفظ المنتج بعدة سجلات استخدام.
النتيجة الموثقة
منتج عام ثنائي اللغة تدعمه تطبيقات مكتملة للويب وAPI والهاتف.
الموقع العام يعمل، وتحتوي المستودعات على تنفيذ النظام الخلفي وتطبيقي الويب والهاتف. لا تتوفر بيانات موثقة عن الزيارات أو الطلبات أو الإيرادات أو تحسين الأداء، لذلك لا أعرض أرقامًا غير مثبتة.
التقنيات المستخدمة
- Python
- Django
- Django REST Framework
- PostgreSQL
- Next.js
- TypeScript
- React
- Redux Toolkit
- Expo
- React Native
هل لديك منتج يحتاج إلى تنفيذ الويب وAPI والهاتف؟