FreshCart هو مشروع موقع eCommerce متكامل يعتمد على أحدث التقنيات لتحقيق تجربة تسوّق سلسة وآمنة للمستخدمين. يتميز الموقع بتصميم حديث ومتجاوب يضمن واجهة مستخدم مريحة وسهلة الاستخدام عبر جميع الأجهزة (الكمبيوتر، التابلت، والموبايل).
مميزات المشروع:
تصميم عصري ومتجاوب: الموقع يعتمد على Tailwind CSS لضمان تصميم أنيق ومتجاوب، مما يسمح للمستخدم بالتصفح بسهولة سواء من جهاز الكمبيوتر أو من الهواتف المحمولة. تم تصميم الواجهة لتوفير تجربة مريحة مع تحسين التنقل بين الأقسام المختلفة للموقع.
نظام إدارة المنتجات: يتضمن الموقع لوحة تحكم مدمجة تتيح لأصحاب المتاجر إضافة وتعديل وحذف المنتجات بكل سهولة. كل منتج يحتوي على تفاصيل دقيقة مثل الاسم، السعر، الوصف، والصورة، مما يسهل على الزوار الاطلاع على كافة المعلومات التي يحتاجونها قبل اتخاذ قرار الشراء.
عربة تسوّق متكاملة: يتيح الموقع للمستخدمين إضافة المنتجات إلى عربة التسوّق، مع إمكانية تعديل الكميات أو إزالة المنتجات. كما يعرض تفاصيل شاملة مثل السعر الإجمالي، والضرائب، والخصومات.
Hنظمة الدفع في FreshCart:
في موقع FreshCart، تم تكامل Stripe كأداة دفع رئيسية عبر API لتمكين المعاملات المالية عن بعد. حيث يتم إرسال الطلبات مباشرة إلى Stripe عبر واجهة API الخاصة بهم، مما يسمح للمستخدمين بإجراء عمليات الدفع بشكل آمن وفعّال.
مميزات الدفع باستخدام Stripe:
دفع آمن: يتم تأمين المعاملات باستخدام تقنيات التشفير المتقدمة من Stripe، مما يضمن أمان البيانات المالية للمستخدمين.
دفع عن بعد: يمكن للمستخدمين الدفع باستخدام بطاقاتهم الائتمانية أو عبر محفظات الدفع الرقمية مثل Apple Pay و Google Pay، مما يسهل عمليات الشراء.
تكامل API مباشر: تم استلام API الخاصة بـ Stripe وتكاملها مباشرة في واجهة الموقع، مما يتيح إرسال طلبات الدفع والردود دون الحاجة لخادم backend.
تأكيد المعاملات: بعد الدفع، يتم إرسال إشعار فوري للمستخدمين عبر الموقع لتأكيد نجاح المعاملة.
تحسين محركات البحث (SEO): يعتمد الموقع على أفضل ممارسات SEO لتحسين ظهوره في نتائج محركات البحث مثل Google. يتم تحسين العناوين، والأوصاف، والكلمات المفتاحية لتوفير تصنيف أعلى وزيادة حركة المرور.
أنظمة التسجيل والدخول - Authentication:
FreshCart يعتمد بشكل كبير على أنظمة الـ Authentication لضمان أمان وسهولة الوصول للمستخدمين. يتيح الموقع للمستخدمين إنشاء حسابات شخصية جديدة أو تسجيل الدخول اذا كان لديه حساب من قبل.
تحقق من البريد الإلكتروني: يتم إرسال رابط تحقق إلى البريد الإلكتروني عند التسجيل للمرة الأولى، مما يضمن أن المستخدم هو الشخص الصحيح ويمنع محاولات الاحتيال.
إعادة تعيين كلمة المرور: في حال نسيان كلمة المرور، يمكن للمستخدمين طلب إعادة تعيينها عبر البريد الإلكتروني أو الرسائل النصية لضمان أمان الحسابات.
التحقق الثنائي (Two-Factor Authentication): يتيح الموقع التحقق الثنائي (2FA)، مما يضيف طبقة أمان إضافية عند تسجيل الدخول. هذه الميزة تتطلب من المستخدم إدخال رمز التحقق المرسل إلى بريده الإلكتروني.
إدارة الحسابات الشخصية:
يمكن للمستخدمين تحديث بياناتهم الشخصية مثل الاسم، البريد الإلكتروني، كلمة المرور.
إمكانية إدارة العناوين المفضلة للتمتع بتجربة تسوّق أسرع.
جلسات المستخدم والـ Token-Based Authentication: بعد تسجيل الدخول، يتم استخدام رموز التوكن (Tokens) لحفظ الجلسة بشكل آمن، مما يعني أن المستخدمين لن يحتاجوا لتسجيل الدخول مرة أخرى في كل مرة يدخلون فيها إلى الموقع، إلا إذا كانوا قد قاموا بتسجيل الخروج أو تم إلغاء الجلسة.
التقنيات المستخدمة في الموقع:
Vite: أداة بناء سريعة لتمكين تطوير المشاريع بشكل أسرع وأكثر كفاءة.
Tailwind CSS: إطار عمل CSS مخصص لإنشاء تصميمات مرنة ومتجاوبة بسهولة.
JavaScript: لتفعيل الوظائف التفاعلية، مثل إضافة المنتجات إلى العربة، وتحديث الكميات، وحساب الأسعار بشكل ديناميكي.
API Integration: تكامل مع APIs لتمكين البحث المتقدم عن المنتجات وتحديث تفاصيلها من قاعدة البيانات بطريقة ديناميكية.
الأداء والتحسينات:
سرعة تحميل عالية: يعتمد الموقع على تقنيات مثل Lazy Loading لتحميل المحتوى بشكل تدريجي حسب حاجة المستخدم، مما يقلل من وقت التحميل ويحسن أداء الموقع.
تحسين محركات البحث (SEO): تم تحسين الصفحات بحيث تتوافق مع متطلبات محركات البحث، من خلال استخدام تقنيات مثل Structured Data و Meta Tags لضمان الظهور في نتائج البحث.
| اسم المستقل | ريهام ق. |
| عدد الإعجابات | 0 |
| عدد المشاهدات | 32 |
| تاريخ الإضافة | |
| تاريخ الإنجاز |
