تطوير متجر إلكتروني متكامل TechFlow بـ HTML & Tailwind CSS & JavaScript

متجر إلكتروني متكامل باسم TechFlow متخصص في بيع المنتجات التقنية (البرمجيات، الأجهزة، والخدمات)، مصمم بالكامل باستخدام Tailwind CSS مما يضمن تصميماً عصرياً وسريعاً ومتجاوباً. المميزات الرئيسية: نظام تسجيل ودخول متكامل مع التحقق من صحة البيانات وخاصية "تذكرني" وحماية الجلسات باستخدام Session Storage وتخزين البيانات في Local Storage. صفحة منتجات رئيسية تعرض 8 منتجات متنوعة مع نظام تصنيف وفلترة حسب الفئة وإضافة للسلة بنقرة واحدة ورسوم متحركة سلسة. سلة تسوق متقدمة مع عرض تفصيلي للمنتجات وزيادة/تقليل الكميات وحساب تلقائي للمجموع والضريبة (10%) ونظام أكواد خصم وإشعارات تفاعلية. تصميم احترافي يشمل تأثيرات Glass Morphism وخلفيات متدرجة وأيقونات Font Awesome وخطوط Google Fonts وإشعارات منبثقة. التقنيات المستخدمة: HTML5 - Tailwind CSS (CDN v4) - Vanilla JavaScript (ES6+) - Local Storage & Session Storage - Font Awesome 6.5 - Google Fonts ملفات المشروع: index.html (تسجيل الدخول) - home.html (الصفحة الرئيسية) - cart.html (سلة التسوق) - script.js - home.js - cart.js التجاوب: متجاوب 100% مع جميع الشاشات باستخدام Tailwind Responsive Classes مع نظام Grid وFlexbox وقائمة منبثقة للهواتف وتصميم Mobile-First.