techly store

Techly هو متجر إلكتروني متكامل متخصص في المنتجات والأجهزة التكنولوجية، تم تطويره باستخدام Next.js, React, TypeScript, Tailwind CSS وRedux Toolkit، مع استخدام MongoDB وMongoose لبناء الـBackend وإدارة بيانات المستخدمين.

يحتوي المشروع على نظام Authentication كامل باستخدام JWT وCookies، بالإضافة إلى Protected Routes لحماية الصفحات والـAPIs الخاصة بالمستخدمين. كما يوفر تجربة تسوق متكاملة تشمل عرض المنتجات، البحث، الفلترة حسب الـCategory والـBrand، وصفحات تفاصيل المنتجات، وإدارة Shopping Cart وWishlist مع إمكانية إضافة وحذف المنتجات والتحكم في الكميات.

تم استخدام DummyJSON API كمصدر لبيانات المنتجات، مع بناء API Routes داخل Next.js للتعامل مع عمليات الـAuthentication والـCart والـWishlist وربطها بقاعدة بيانات MongoDB. كما تم استخدام Redux Toolkit وAsync Thunks لإدارة الـGlobal State والعمليات غير المتزامنة بشكل منظم.

تم تصميم الواجهة بشكل Responsive لتعمل على مختلف أحجام الشاشات، مع دعم Dark/Light Mode، وإضافة Animations وInteractive UI Elements لتحسين تجربة المستخدم. كما تم تقسيم المشروع إلى Components وFeatures قابلة لإعادة الاستخدام، مع الاهتمام بتنظيم الـCodebase وسهولة تطويره مستقبلًا.