spectrum store

متجر الطيف

متجر الطيف | منصة قوية للتجارة الإلكترونية مدعومة بـ Next.js وTypeScript وShadcn

يعمل ذلك على الاستفادة من Fake Store API، ويتميز بلوحة تحكم إدارية ومصادقة JWT.

تم تصميمه مع التركيز على الأمان، وهو يطبق أفضل الممارسات لإجراءات التوجيه والخادم.

عرض تجريبي. الإبلاغ عن الخلل. ميزة الطلب

---

سمات

تقنية

• التالي js 14 آخر الميزات

• التالي إجراءات خادم js + Axios + Zod

• نموذج ربط التفاعل + التحقق من الصحة باستخدام zod لكل من العميل والخادم

• المصادقة JWT + ملفات تعريف الارتباط + طبقة بيانات التفويض + البرامج الوسيطة

رئيسي

• صفحة تسجيل الدخول مع مصادقة JWT + تسجيل الخروج

• الصفحة الرئيسية مع تخطيط الشبكة

• صفحة المنتج تعرض جميع المنتجات مع فلتر الفئة

• صفحة تفاصيل المنتج مع زر التصنيف والتسعير وإضافة سلة التسوق

• درج العربة (أضف إلى العربة، أخرجه من العربة)

• وظيفة البحث العالمية

• أداة تبديل السمات (الوضع الفاتح/المظلم)

• تحميل الرسوم المتحركة والهيكل العظمي

• لوحة تحكم المشرف مع عمليات CRUD للمنتج، وترقيم الصفحات، ومخططات البحث

• وضع الأمان في الاعتبار : المصادقة (JWT + ملفات تعريف الارتباط) وطبقة بيانات التفويض + البرامج الوسيطة وإجراءات الخادم مع التحقق من الصحة

• تحسين محركات البحث والأداء : تم تحسين المشروع لتحسين محركات البحث والأداء باستخدام أحدث ميزات Next.js وأفضل الممارسات للعلامات الوصفية وخرائط الموقع التالية/الصورة &&.

• تصميم سريع الاستجابة

ملحوظة

• يمكنك استخدام أي مستخدم Fakestoreapi لتسجيل الدخول

• لدور المسؤول استخدم القيم الافتراضية فقط

• اسم المستخدم : mor_2314

• كلمة المرور : 83r5^_

• يمكنك فتح لوحة تحكم المسؤول وإجراء CRUD على المنتجات باتباع الخطوات التالية:

• تأكد من تسجيل الدخول باستخدام حساب المسؤول ( mor_2314 )

• انقر على أيقونة المستخدم

• انقر على لوحة القيادة

ابدء

أولاً، قم بتشغيل خادم التطوير:

1. استنساخ أو شوكة الريبو

    جيت كلون https://github.com/issam-seghir/spectrum-store.gitcd ./your_project

2. تثبيت التبعيات

    تثبيت npm

3. أعد تسمية الملف .env.example إلى .env

4. ابدأ الخادم

    تشغيل npm ديف

افتح http://localhost:3000 باستخدام متصفحك لترى النتيجة.

يمكنك البدء في تحرير الصفحة عن طريق تعديل app/page.tsx . يتم تحديث الصفحة تلقائيًا أثناء قيامك بتحرير الملف.

نشر على فيرسل

أسهل طريقة لنشر تطبيق Next.js هي استخدام منصة Vercel من منشئي Next.js.

راجع وثائق نشر Next.js للحصول على مزيد من التفاصيل.

المساهمة

المساهمات هي ما يجعل مجتمع المصادر المفتوحة مكانًا رائعًا للتعلم والإلهام والإبداع. أي مساهمات تقدمها هي موضع تقدير كبير .

إذا كان لديك اقتراح من شأنه أن يجعل هذا الأمر أفضل، فيرجى شوكة الريبو وإنشاء طلب سحب. يمكنك أيضًا ببساطة فتح مشكلة بالعلامة "التحسين". لا تنسى أن تعطي المشروع نجمة! شكرًا لك مرة أخرى!

1. شوكة المشروع

2. قم بإنشاء فرع الميزات الخاص بك ( git checkout -b feature/AmazingFeature )

3. تنفيذ التغييرات ( git commit -m 'Add some AmazingFeature' )

4. ادفع إلى الفرع ( git push origin feature/AmazingFeature )

5. افتح طلب السحب

رخصة

وزعت بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. راجع LICENSE.txt لمزيد من المعلومات.