(01) — نبذة
عن المشروع
KEYBOARDEMA متجر إلكتروني متكامل للكيبوردات الميكانيكية، مبني بالكامل بـ HTML و CSS و JavaScript — بدون أي إطارات عمل أو مكتبات. يضم الموقع كيبورداً تفاعلياً ثلاثي الأبعاد في الواجهة يتحرك مع الماوس، ومخططاً مفككاً للمفاتيح في قسم الجودة، ومحدد سويتشات مفصّلاً مع إحصائيات الأداء، وكتالوج منتجات كاملاً مع فلترة حسب الفئة وسلة شراء تعمل فعلياً. كل حركة وتخطيط وتفاعل صُمم من الصفر.
(02) — المزايا
ماذا يقدّم
كيبورد تفاعلي ثلاثي الأبعاد
كيبورد الواجهة يميل مباشرة مع حركة الماوس باستخدام CSS 3D، مع حركة طفو خفيفة.
سلة الشراء
إضافة المنتجات للسلة مع عدّاد مباشر، وإشعارات منبثقة، وتغيّر حالة الزر.
فلترة المنتجات
فلترة الكيبوردات حسب المقاس (TKL و 65% و Full Size) مع انتقالات متحركة سلسة.
مؤشر مخصص وحركات
مؤشر ماوس مخصص بحلقة تلحقه، وظهور تدريجي مع التمرير، وإضاءة RGB عشوائية للمفاتيح، ومخطط مفكك للمفاتيح.
(03) — التقنيات
التقنيات المستخدمة
HTML5
CSS3
JavaScript
CSS Grid & Flexbox
CSS Animations
Google Fonts