متجر ألكتروني بمسمى متجركو

نبذة عن المشروع:

منصة تجارة إلكترونية عصرية تم تطويرها من الصفر لتوفير تجربة تسوق سلسة وسريعة للعملاء، وتجربة تحكم مرنة وشاملة لصاحب المتجر. يتميز المتجر بتصميم أنيق متناسق باللون الأخضر الزمردي، مع تجاوب كامل ومثالي مع مختلف أحجام الشاشات (الهواتف الذكية، الأجهزة اللوحية، والشاشات المكتبية).

أبرز المميزات والوظائف البرمجية:

واجهة مستخدم متجاوبة (Fully Responsive UI): مبنية بأحدث تقنيات الويب لضمان سرعة تحميل فائقة وتجربة مستخدم مريحة (Mobile-First Design).

معاينة سريعة للمنتجات (Quick View Modal): نافذة تفاعلية تتيح للمشتري استعراض تفاصيل المنتج وخاماته، واختيار المقاس واللون المفضل، وقراءة مراجعات وتقييمات العملاء السابقة.

سلة مشتريات ديناميكية (Dynamic Cart Drawer): درج جانبي ذكي يتيح تعديل الكميات وحساب الإجمالي وتكلفة الشحن بشكل فوري وتفاعلي دون إعادة تحميل الصفحة.

بحث وتصفية سريعة: فلترة فورية للمنتجات حسب الأقسام وشريط بحث ذكي وفعّال.

بوابة دفع إلكتروني آمنة: دمج واجهة الدفع الرقمية لتسهيل الدفع عبر البطاقات البنكية (Visa / MasterCard) مع معالجة وتوليد رقم مرجعي للعملية (Transaction ID).

لوحة تحكم إدارة مستقلة ومحمية (Admin Dashboard):

محمية بنظام تسجيل دخول بكلمة مرور.

متابعة الطلبات الواردة فورياً وتفاصيل المشترين وحالة السداد.

إدارة المنتجات بشكل حي: تعديل الأسعار، الخصومات، والأسماء.

دعم رفع صور المنتجات مباشرة من الجهاز مع المعاينة الفورية، أو إضافة روابط الصور الخارجية.

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

Frontend: HTML5, CSS3, JavaScript (ES6+)

Styling & Frameworks: Tailwind CSS, FontAwesome Icons, Google Fonts (Tajawal)

Data Management: LocalStorage & Client-side State Management

Integrations: Payment Gateway SDK (PayPal / Credit Card Fields)

النموذج الثاني: وصف موجز ومباشر (مناسب لـ GitHub أو بطاقات المشاريع السريعة)

متجركو | Matjarko E-Commerce Web App

تطبيق ويب لمتجر إلكتروني متكامل يركز على سرعة الأداء وسهولة تجربة الشراء. يدعم استعراض وتصنيف المنتجات، اختيار الألوان والمقاسات التفاعلية، ونظام سلة مشتريات فورية. يتضمن المتجر لوحة تحكم إدارية مدمجة لإدارة المخزون وتعديل الأسعار ورفع الصور مباشرة، بالإضافة إلى دعم الدفع الإلكتروني عبر البطاقات البنكية ومتابعة الطلبات بدقة وتجاوب تام مع كافة الشاشات.

🛠️ التقنيات: JavaScript (ES6) | Tailwind CSS | HTML5 | Payment Integration.

النموذج الثالث: باللغة الإنجليزية (إذا كان معرض أعمالك بالإنجليزية)

Project Title: Matjarko – Modern Responsive E-Commerce Platform

Overview:

A modern, fast, and fully responsive e-commerce web platform designed to deliver an exceptional shopping journey. Features a custom emerald green aesthetic, intuitive product customizer (sizes & colors), dynamic cart system, and an admin dashboard for inventory and order management.

Key Features:

Responsive & Adaptive: Flawless user experience across mobile, tablet, and desktop viewports.

Product Quick View: Interactive modal with size/color pickers and past customer ratings.

Smart Shopping Cart: Live quantity updates, subtotal calculations, and slide-in drawer.

Card Payment Integration: Direct credit/debit card payment processing with automated order receipts.

Admin Dashboard: Secure dashboard to view incoming orders, update prices, and upload product images locally or via URLs.

Tech Stack: HTML5, CSS3, Tailwind CSS, Modern JavaScript, LocalStorage API.

نصيحة لإبراز المشروع في معرضك:

التقط 2-3 لقطات شاشة (Screenshots): واحدة للمتجر على الموبايل، واحدة لنافذة تفاصيل المنتج والمقاسات، وواحدة للوحة تحكم الإدارة أثناء عرض الطلبات.

ضع رابط الموقع الحي (Live Demo) من GitHub Pages ليرى العميل المتجر وهو يعمل بنفسه.