Cartzilla هو متجر أثاث إلكتروني حديث بالكامل، مصمم باستخدام Next.js 15 وTypeScript، ومزين بـTailwind CSS لتقديم تجربة مستخدم نظيفة، جذابة، ومتجاوبة على جميع الأجهزة. المشروع يوضح كل خطوات واجهة المستخدم من تصفح المنتجات إلى إدارة عربة التسوق.
✨ المميزات:
واجهة حديثة ومتجاوبة: تصميم نظيف وجميل باستخدام Tailwind CSS ومكونات جاهزة من Shadcn/ui.
الوضع الليلي/النهاري: تبديل سلس بين الثيمات لراحة المستخدم.
كتالوج المنتجات: تصفح المنتجات في شبكة عرض أو عرض العناصر الأكثر شعبية في Carousel تفاعلي.
صفحات تفاصيل المنتجات: Routes ديناميكية لكل منتج، مع معرض صور، وصف، أسعار، وخيار الإضافة للعربة.
عربة تسوق ذكية: لوحة عربة متحركة لإدارة العناصر باستخدام Redux Toolkit.
حركات سلسة: Animations جذابة عند التمرير باستخدام AOS وCarousels تفاعلية مع Swiper.js.
نماذج تسجيل/تسجيل دخول: Forms قوية مع التحقق من البيانات باستخدام React Hook Form وZod.
Layout خاص بصفحات Auth: Hook مخصص (useIsAuthPage) يخفي Navbar وFooter على صفحات التسجيل/الدخول.
🚀 التقنيات المستخدمة:
Framework: Next.js 15 مع Turbopack
لغة البرمجة: TypeScript
التصميم: Tailwind CSS
مكونات UI: Shadcn/ui
إدارة الحالة: Redux Toolkit & React Redux
التحريك: AOS & Swiper.js
نماذج & التحقق: React Hook Form & Zod
أيقونات: Lucide React & React Icons
💼 الغرض:
المشروع مثال متكامل لعمل واجهة متجر إلكتروني حديثة، ويظهر قدرتي على بناء واجهات مستخدم تفاعلية، متجاوبة، وسهلة الاستخدام باستخدام أحدث تقنيات Frontend.
