Cartzilla – واجهة متجر إلكتروني حديثة للأثاث
تفاصيل العمل
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.
بطاقة العمل
طلب عمل مماثل