دراسة حالة · 2025
تطبيق التجارة الإلكترونية
متجر إلكتروني بسيط وأنيق (Django REST + Vanilla JS) يدعم المعرض والسلة وقائمة الأمنيات والمصادقة الاجتماعية ومدفوعات Stripe ودعم متعدد اللغات مع RTL ولوحة تحكم إدارية.
Django 6.0.3Django REST FrameworkVanilla JS ES ModulesViteMongoDB (django-mongodb-backend)Stripe APIJWTOAuth2 (Google/Facebook via django-allauth)PWAChart.js
+20منتجًا في الكتالوج
3لغات (EN/FR/AR مع RTL)
PWAقابل للتثبيت ويعمل دون اتصال
76أداء Lighthouse (جوال، أكتوبر 2026)
01
التحدي
- المشكلة بناء متجر إلكتروني أولي لتعلم أساسيات الويب.
- القيود فريق صغير (عمل فردي غالبًا)، ضيق الوقت والميزانية، توسع النطاق من واجهة فقط إلى تطبيق كامل.
- أكبر عائق التحول من Node.js إلى Django وصعوبة تنفيذ تسجيل الدخول بـ Google.
- السبب منحنى تعليمي حاد لتغيير التقنية والمصادقة.
- الحل المثابرة والتكرار والتعلم الصحيح.
02
المقاربة
- البنية DRF + Vanilla JS (Vite) مع MongoDB.
- المصادقة JWT + Google/Facebook.
- المدفوعات Stripe مع webhooks.
- تجربة المستخدم تصميم بسيط، دعم EN/FR/AR مع RTL، سلة محفوظة محليًا.
- ميزات تطبيق تقدمي PWA، إحصائيات إدارية.
- التطوير تكراري، تم النشر بنجاح.
- الدروس الاعتماد على الذات والانفتاح على الملاحظات والمثابرة.
الأثر
أُنجز وعُرض ونُشر، وحصل على أفضل درجة في القسم.
03
لقطات الشاشة
04
ما سأفعله بشكل مختلف
- غيّرت الواجهة الخلفية من Node.js إلى Django أثناء المشروع. في المرة القادمة سأتحقق من ملاءمة التقنيات لمتطلبات المصادقة والدفع قبل كتابة الواجهة.
- لم يعمل تسجيل الدخول عبر Google إلا بعد عدة محاولات فاشلة — تعلّمت فهم المسار كاملًا بدل معالجة الأعراض.