سأقوم بتطوير واجهة متجر إلكتروني (Frontend) احترافية وجاهزة للعرض باستخدام React.js و Tailwind CSS، بتصميم عصري يشبه المتاجر العالمية (Apple Store / Premium Brands)، مع كل الوظائف الأساسية لعرض وبيع المنتجات أونلاين.
المشروع مبني بأحدث الممارسات البرمجية (Best Practices)، كود نظيف ومنظم، وقابل للتطوير لاحقاً بسهولة — سواء عايز تضيف صفحات جديدة أو تربطه بقاعدة بيانات حقيقية.
مناسب لـ:
أصحاب المشاريع التجارية الصغيرة اللي عايزين يعرضوا منتجاتهم أونلاين
الشركات الناشئة (Startups) كنقطة بداية (MVP) لمتجرهم
المطورين اللي عايزين Template جاهز يبنوا عليه
عرض كل المنتجات في شبكة (Grid) متجاوبة مع الشاشات، مع بحث فوري بالاسم وفلترة حسب الفئة (إلكترونيات، ملابس، إلخ) — كل ده بيحصل لحظياً من غير إعادة تحميل الصفحة.
صفحة مخصصة لكل منتج تعرض الصور بشكل تفاعلي (معرض صور)، الوصف، السعر، التقييم، وزر إضافة للسلة بكمية قابلة للتعديل.
سلة كاملة بتسمح بإضافة وحذف وتعديل كمية المنتجات، مع حساب الإجمالي والضريبة تلقائياً، وعداد يظهر في أعلى الموقع (Navbar) بعدد المنتجات.
يقدر الزائر يحفظ المنتجات اللي عجبته في قائمة منفصلة عشان يرجعلها بعدين أو ينقلها للسلة بضغطة واحدة.
الموقع بيشتغل ويبان كويس على الموبايل، التابلت، واللابتوب من غير أي مشاكل في التنسيق.
استخدام مكتبة Framer Motion لإضافة حركات احترافية عند التمرير، الضغط على الأزرار، وتغيير الصفحات — بتدي إحساس "Premium" للموقع.
ملفات المشروع كاملة جاهزة للتشغيل، إما عبر رابط GitHub خاص أو ملف مضغوط (ZIP) حسب رغبتك.
ملف يشرح خطوة بخطوة إزاي تشغل المشروع على جهازك (Node.js + npm install + npm run dev).
الوضع الليلي (Dark Mode)
5.00
|
|
دعم اللغتين العربية والانجليزية
10.00
|
|
رفع الموقع علي استضافة مجانية
5.00
|
|
اضافة صفحة
5.00
|
الوضع الليلي (Dark Mode)
5.00
|
|
دعم اللغتين العربية والانجليزية
10.00
|
|
رفع الموقع علي استضافة مجانية
5.00
|
|
اضافة صفحة
5.00
|