تنزيل Booksy frontend - تنزيل كود المصدر Booksy frontend

Booksy frontend

شفرة المصدر الأخرى

تنزيل

بوكسي - متجر الكتب على الإنترنت

مرحبًا بك في Booksy، مكتبة الكتب المفضلة لديك عبر الإنترنت والتي تم إنشاؤها باستخدام حزمة MERN مع مصادقة المستخدم التي تتم معالجتها بواسطة Clerk والمدفوعات التي تتم بواسطة Stripe. تقدم Booksy مجموعة كبيرة من الكتب عبر مختلف الأنواع، مما يوفر لمحبي الكتب منصة بديهية للاستكشاف والاختيار ، وشراء قراءاتهم المفضلة بكل سهولة. سواء كنت مهتمًا بالروايات أو الواقعية أو المواد التعليمية أو الاكتشافات النادرة، فإن Booksy مصمم لتلبية تفضيلاتك في القراءة.

سمات

التصفح والبحث : انتقل عبر مكتبتنا الواسعة أو استخدم وظيفة البحث للعثور على كتب محددة بسهولة.
تفاصيل الكتاب : يمكنك الوصول إلى معلومات تفصيلية حول الكتب، بما في ذلك الملخصات وتفاصيل المؤلف والأسعار.
مصادقة المستخدم : قم بالتسجيل وتسجيل الدخول بشكل آمن باستخدام مصادقة مستخدم Clerk للحصول على تجربة تسوق مخصصة وآمنة.
ملفات تعريف المستخدمين : إدارة ملف التعريف الخاص بك، وعرض التوصيات المخصصة، وتتبع تفضيلات القراءة الخاصة بك.
عربة التسوق : أضف كتبًا إلى سلة التسوق الخاصة بك، أو اضبط الكميات، أو قم بإزالة العناصر حسب الحاجة قبل الخروج.
الدفع الآمن : أكمل مشترياتك بأمان باستخدام خيارات الدفع المتكاملة، بما في ذلك Stripe للمعاملات الآمنة.
سجل الطلبات : عرض طلباتك السابقة وتتبع حالة مشترياتك الحالية.
المفضلة : احفظ الكتب في قائمة المفضلة لديك لسهولة الوصول إليها أو شرائها في المستقبل.
تصميم سريع الاستجابة : استمتع بتجربة تسوق سلسة عبر جميع الأجهزة، بفضل تصميمنا سريع الاستجابة.

مكدس التكنولوجيا

الواجهة الأمامية: React.js لواجهة مستخدم ديناميكية وسريعة الاستجابة. الواجهة الخلفية: Node.js وExpress.js للحصول على منطق قوي من جانب الخادم ونقاط نهاية واجهة برمجة التطبيقات. قاعدة البيانات: MongoDB لتخزين البيانات بشكل مرن وقابل للتطوير. معالجة الدفع: تكامل الشريط لمعاملات الدفع الآمنة والفعالة. التصميم: مبادئ CSS والتصميم سريع الاستجابة لتجربة مستخدم مصقولة وقابلة للتكيف.

المؤلفون: (الفريق)

ديمتريوس فيساريون - https://github.com/demetriusvissarion توماس مزاق - https://github.com/TomMazzag - إلهان عبد الله - https://github.com/Illy-hans يهوشع - https://github.com/AVJehoshua Fawaz ترار - https://github.com/Fawaztarar

تريلو

https://trello.com/b/qv2hfgk4/ecommerce-final-project

إكسكاليدراو

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

ميرو

وثائق API

ابدء

لإعداد مشروع Booksy محليًا، اتبع الخطوات التالية:

المتطلبات الأساسية

Node.js MongoDB

تثبيت

إعداد الواجهة الخلفية

استنساخ مستودع الواجهة الخلفية:

استنساخ بوابة https://github.com/AVJehoshua/Booksy-backend.git

استنساخ المستودع أو تنزيل الكود المصدري:

إعداد الواجهة الأمامية

استنساخ مستودع الواجهة الخلفية:

استنساخ بوابة https://github.com/TomMazzag/Booksy-frontend.git

انتقل إلى دليل المشروع:

cd Booksy-الواجهة الأمامية

تثبيت npm
تثبيت التبعيات
ابدأ تشغيل خادم تطوير React:

قم بتثبيت التبعيات المطلوبة للواجهة الخلفية:

مؤتمر نزع السلاح Booksy الخلفية

بدء تشغيل الخادم الخلفي:
بداية npm
يجب الآن تشغيل التطبيق على http://localhost:3000.

بدء تشغيل الخادم الخلفي:

إعدادات

متغيرات البيئة قم بإعداد متغيرات البيئة المطلوبة في ملفات .env داخل دليل الواجهة الخلفية و.env.local في الواجهة الأمامية

MONGO_URI: سلسلة الاتصال لقاعدة بيانات MongoDB الخاصة بك. STRIPE_SECRET_KEY: المفتاح السري لتكامل دفع Stripe. تكامل Stripe تأكد من أنك قمت بإعداد حساب Stripe الخاص بك وحصلت على مفاتيح API اللازمة لمعالجة الدفع.

الاستخدام

استكشف المكتبة، وقم بالتسجيل أو تسجيل الدخول، وأضف الكتب إلى سلة التسوق الخاصة بك، ثم تابع عملية الدفع. استمتع بتجربة تسوق سلسة للكتب وأنت مرتاح في منزلك.