ShopMart – واجهة متجر إلكتروني بـ Next.js و TypeScript

طورت واجهة متجر إلكتروني حديثة باسم ShopMart باستخدام Next.js (App Router) و TypeScript مع تكامل Redux Toolkit و Tailwind CSS.

المشروع يتميز بتصميم متجاوب وسلس مع دعم الوضع الليلي (Dark Mode)، إلى جانب وظائف متقدمة مثل التصفح والبحث، التصفية حسب الفئة أو السعر، إدارة السلة، وحفظ البيانات في LocalStorage.

تم تحسين الأداء باستخدام ميزات Next.js مثل Server-Side Rendering و Image Optimization لتقديم تجربة مستخدم عالية السرعة.

أهم المميزات:

عرض المنتجات مع بحث وترقيم الصفحات.

تصفية المنتجات حسب الفئات والسعر والاسم أو التقييم.

️ قائمة مفضلة لحفظ المنتجات.

إدارة السلة مع تحكم في الكمية وحفظ تلقائي.

الوضع الليلي متكامل مع Tailwind.

تحسين الأداء باستخدام SSR و SSG.

التقنيات المستخدمة:

Next.js (App Router – SSR & SSG)

? TypeScript

Redux Toolkit + React-Redux

Tailwind CSS

? Next Navigation

LocalStorage API (لحفظ بيانات السلة والمفضلة)