E-commerce App

ShopMart — Modern Full-Stack E-Commerce Experience

ShopMart هو تطبيق تجارة إلكترونية متكامل قمت بتطويره باستخدام Next.js 16 (App Router) و TypeScript، يهدف لتقديم تجربة تسوق احترافية بمعايير إنتاج حقيقية (Production-Ready).

المشروع مش مجرد UI…

ده نظام متكامل بيجمع بين الأداء العالي، الأمان، وتجربة مستخدم محسوبة بعناية.

الفكرة

بناء منصة E-Commerce حديثة توفر:

تجربة تصفح سلسة وسريعة

نظام مصادقة آمن وقابل للتوسع

إدارة كاملة لسلة المشتريات والطلبات

بنية نظيفة وقابلة للصيانة والتطوير

دوري في المشروع

تصميم وبناء الـ Architecture بالكامل باستخدام App Router

تنفيذ نظام Authentication آمن باستخدام NextAuth و JWT

إدارة الحالة (Cart / Wishlist / Session) بطريقة منظمة وقابلة للتوسع

تحسين الأداء وتجربة المستخدم

تطبيق معايير أمان قوية (XSS Protection – Validation – Secure Cookies)

بناء UI حديث باستخدام Tailwind + shadcn/ui

أبرز المميزات التقنية

تجربة تسوق احترافية

Product Catalog ديناميكي

Advanced Search بنتائج فورية

Cart Management بكمية وتحكم كامل

Wishlist System

صفحات Product Details محسّنة

نظام مستخدمين آمن

Login / Register

Session Management باستخدام httpOnly cookies

Protected Routes

Order History

Password Management

Checkout & Orders

إدارة عناوين متعددة

إتمام الطلب باحترافية

بنية جاهزة للربط مع Payment Gateway

UI/UX Experience

Responsive 100%

Dark / Light Mode

Loading Skeletons

Toast Notifications

Accessible Components

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

Next.js 16

React

TypeScript

NextAuth

Tailwind CSS

Radix UI / shadcn

Zod + React Hook Form

JWT

DOMPurify

القيمة اللي بيقدمها المشروع

ShopMart يعكس قدرتي على:

بناء مشروع Full-Stack حقيقي مش مجرد واجهة

تنظيم الكود بطريقة نظيفة وقابلة للتوسع

تطبيق أفضل ممارسات الأمان

تقديم تجربة مستخدم احترافية ترفع معدل التحويل