Merqo - متجر الكتروني متكامل (React, next.js)

واجهة مستخدم متطورة لمتجر إلكتروني، تم بناؤها بالاعتماد على أحدث تقنيات الويب لضمان أعلى مستويات السرعة والأداء. يعتمد المشروع على نظام فصل الواجهات (Decoupled Client)، حيث يتواصل بالكامل مع واجهة برمجية خارجية (External REST API) دون الحاجة لربط قاعدة بيانات مباشرة بالـ Frontend، مما يضمن خفة ومثالية في التصفح.

تم تصميم معمارية التطبيق باستخدام Next.js 16 (App Router) و React 19 لإدارة العمليات برمجياً من جهة الـserver، بينما تتم إدارة حالة التطبيق (State Management) من جهة المستخدم بدقة واحترافية عبر TanStack Query v5 و React Context. هذا المزيج يضمن تحديث سلة التسوق وقائمة الأمنيات بشكل فوري وتزامني تماماً دون الحاجة لإعادة تحميل الصفحة.

أبرز ما قمت بتنفيذه في المشروع:

- نظام حماية وصلاحيات متكامل: تخصيص أداة Next-Auth لإدارة عمليات تسجيل الدخول وإنشاء الحسابات بشكل آمن تماماً عبر الـ API الخارجي.

- واجهة مستخدم عصرية وسريعة: استخدام الإصدار الأحدث من Tailwind CSS v4.0 مع Shadcn UI لبناء عناصر واجهة مرنة، متجاوبة بالكامل مع مختلف الشاشات، وتدعم الوضعين الليلي والنهاري (Dark/Light Mode) بسلاسة.

- حماية البيانات عبر Server Actions: عزل العمليات الحساسة (مثل تعديل السلة وإرسال الطلبات) داخل خوادم Next.js لضمان عدم تسريب روابط أو مفاتيح الـ API للمستخدم النهائي.

- تجربة مستخدم تفاعلية (UX): إضافة مساحات استعراض المنتجات التفاعلية باستخدام Swiper لتوفير تجربة تصفح سلسة ومريحة.