Grocery Shop

? التقنيات المستخدمة (Tech Stack)

Next.js (App Router) مع TypeScript

React Query لإدارة بيانات السيرفر بكفاءة

React Hook Form + Zod للتحقق القوي من بيانات النماذج

Tailwind CSS 4 لتصميم واجهات حديثة وسريعة

Radix UI لبناء مكونات واجهة قابلة للوصول (Accessible)

Lucide React للأيقونات

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

Smart List Management

نظام متقدم لإدارة قوائم المشتريات يسمح للمستخدمين بتنظيم المنتجات والوجبات مع دعم عمليات CRUD ورفع الصور.

BFF (Backend for Frontend) Pattern

استخدام Next.js API Routes للتعامل مع الـ API وتنظيم البيانات قبل إرسالها للواجهة الأمامية.

Responsive E-commerce UI

تصميم متجاوب يعتمد على Mobile-First لتصفح المنتجات والتصنيفات ولوحة التحكم بسهولة.

Secure Authentication Flow

نظام مصادقة متكامل يشمل التسجيل وتسجيل الدخول واستعادة كلمة المرور.

Dynamic Cart & Checkout

تحديث سلة المشتريات بشكل فوري باستخدام Custom Hooks مع عملية شحن متعددة الخطوات.

هذا المشروع ساعدني على تطوير خبرتي في بناء تطبيقات React حديثة، وإدارة الحالة الخاصة ببيانات السيرفر، وتصميم واجهات إنتاجية قابلة للتوسع.

? أرحب بأي ملاحظات أو آراء!