متجر إلكتروني متكامل مصمم لعرض وبيع المنتجات الإلكترونية مع نظام سلة تسوّق متكامل وإمكانية إتمام الطلب عبر الواتساب. يدعم التطبيق جلب البيانات من Google Sheets لإدارة المنتجات بسهولة.
- واجهة مستخدم عربية جميلة وسهلة الاستخدام
- نظام تصنيف المنتجات
- نظام سلة تسوّق متكامل
- إمكانية مشاركة المنتجات
- نظام تقييم المنتجات
- عروض خصومات مميزة
- إمكانية إتمام الطلب عبر الواتساب
- دعم Google Sheets لإدارة المنتجات دون الحاجة إلى تعديل الكود
- React.js
- Tailwind CSS
- Lucide React (للحصول على الأيقونات)
- نظام دولي لتنسيق الأرقام (Intl)
- Google Sheets API
- Vercel Serverless Functions
يجب أن يحتوي جدول البيانات على الورقة التالية مع الأعمدة المذكورة:
| id | name | price | originalPrice | rating | reviews | image | category | discount | bestseller |
|---|---|---|---|---|---|---|---|---|---|
| 1 | كيبل USB-C سريع الشحن | 23000 | 37000 | 4.5 | 1243 | URL | كيبلات | 38 | true |
| 2 | سماعات بلوتوث لاسلكية عالية الجودة | 129000 | 215000 | 4.7 | 856 | URL | سماعات | 40 | false |
- أنشئ جدول بيانات في Google Sheets
- أنشئ ورقة باسم "Products" مع الأعمدة المذكورة أعلاه
- أدخل بيانات المنتجات
-
اذهب إلى Google Cloud Console
-
أنشئ مشروعًا جديدًا
-
في لوحة التحكم، ابحث عن "Google Sheets API" وقم بتفعيله
-
أنشئ حسابًا خدميًا (Service Account):
- اذهب إلى "IAM & Admin" > "Service Accounts"
- انقر على "Create Service Account"
- أدخل اسمًا ووصفًا
- في خطوة "Grant this service account access to project"، أضف دور "Editor"
- انقر على "Create"
- في خطوة "Grant users access to this service account"، انقر على "Done"
- ابحث عن الحساب الذي أنشأته وانقر على النقاط الثلاث > "Manage keys"
- انقر على "Add Key" > "Create new key" > "JSON" > "Create"
- سيتم تنزيل ملف JSON - احتفظ به في مكان آمن
-
شارك جدول البيانات مع البريد الإلكتروني الموجود في ملف JSON (في الحقل "client_email")
- قم بتنزيل المشروع أو استنساخه:
git clone https://github.com/your-username/gn-store.git