التطبيق حي ويعمل في
https://nextjs-ecommerce-typescript.vercel.app/
المؤلفون
سمات
ملحوظة
- لا يمكن الوصول إلى لوحة تحكم المسؤول إلا إذا قمت باستنساخها، ولا يمكنك الاشتراك في حساب المسؤول لقد أضفت منتجات وفئات وهمية
نظام تسجيل دخول متعدد المستخدمين
- تسجيل الدخول / الاشتراك ✔
- نسيت كلمة المرور✔
- التحقق من صحة JWT على كل طلب معتمد ✔
- التحقق من صحة التفويض لوصول المسؤول ووصول العملاء ✔
لوحة الإدارة
- إضافة منتج✔
- عرض المنتج✔
- حذف منتج✔
- تحديث المنتج ✔
- أضف فئة ✔
- عرض الفئة (جداول البيانات) ✔
- تحديث الفئة ✔
- حذف الفئة✔
- فئة البحث بالاسم ✔
- البحث عن المنتج حسب اسم الفئة ✔
- التعامل مع تسليم الطلب ✔
- قائمة الطلبات المعلقة✔
- قائمة الطلبات المكتملة ✔
عميل
- عرض المنتج والفئة ✔
- عرض المنتج المتعلق بفئة معينة ✔
- عرض تفاصيل الصفحات الديناميكية باستخدام breadcamp ✔
- أضف المنتج إلى سلة التسوق ✔
- قم بإزالة المنتج من سلة التسوق ✔
- زيادة تقليل كمية السلعة في سلة التسوق ✔ (إذا كانت الكمية المتوفرة في المنتج أقل من كمية عربة التسوق الخاصة بك، فلن تتمكن من زيادة كمية المنتج)
- تنبيه في حالة عدم توفر كمية InStock✔
- المرجعية المنتج المفضل ✔
- إزالة المنتج من الإشارة المرجعية ✔
- طلب المنتج✔
- بعد إنشاء طلب، سيتم مسح المنتج الموجود في سلة التسوق للمستخدم الحالي ✔
- تتبع حالة الطلب ✔
- عرض تفاصيل الطلب✔
ملحوظة
سيتم إضافة المزيد من الوظائف مع مرور الوقت
التكنولوجيا
- التالي 13
- الآلة الكاتبة
- الريح الخلفية CSS
- مجموعة أدوات الإعادة
- التحقق من صحة جوي
- mongoDB
- خطافات SWR لجلب API
متغيرات البيئة
لتشغيل هذا المشروع، ستحتاج إلى إضافة متغيرات البيئة التالية إلى ملف .env الخاص بك
DB_URI = عنوان URL الخاص بـ mongoDB
JWT_SECREAT = مفتاح JWT_SECREAT المخصص الخاص بك
NEXT_PUBLIC_API_BASE_URL = عنوان URL الأساسي للمضيف المحلي => http://localhost:3000
تثبيت
قم بتثبيت مشروعي باستخدام npm
npm install
npm run dev (for development server)
npm run build (for Production)
npm run preview (To View Production Server )
لقطات الشاشة
لوحة تحكم المشرف
المشرف إضافة المنتج
المشرف أضف الفئة
عرض المشرف الفئة
عرض المشرف للمنتج
منتج بحث المشرف مع اسم الفئة
فئة بحث المشرف مع اسم الفئة
قائمة الطلبات المعلقة
قائمة الطلبات المكتملة
الصفحة المقصودة
عرض المنتج من فئة محددة باستخدام Dynamic Breadcamp
عرض منتج التفاصيل مع Breadcamp الديناميكي
صفحة سلة التسوق
تنبيه إذا كانت كمية السلعة غير متوفرة في المخزون
المنتجات المفضلة
حذف المنتجات المفضلة
ابحث عن المنتجات المفضلة باسم المنتج
اطلب منتجًا
تتبع الطلبات
تحقق من تفاصيل الطلب
