"كتابي" هو واجهة تجريبية عصرية للتجارة الإلكترونية مصممة لمتجر كتب عبر الإنترنت، تم هندستها كتطبيق صفحة واحدة (SPA) خفيف الوزن. يوضح المشروع الكفاءة في بناء واجهات مستخدم ديناميكية وتفاعلية باستخدام لغة JavaScript القياسية دون الاعتماد على أطر عمل ثقيلة للواجهة الأمامية.
يكمن جوهر التطبيق في محرك التوجيه المخصص الذي تم بناؤه، والذي يتعامل بسلاسة مع التنقل بين الصفحة الرئيسية، وكتالوج المنتجات، ولوحة تحكم المستخدم، وأقسام الاتصال، مما يضمن تجربة مستخدم سلسة تشبه التطبيقات. يستفيد التصميم من Tailwind CSS للحصول على جمالية نظيفة ومتجاوبة، معززة بتحركات CSS مخصصة لزيادة تفاعل المستخدم.
من الميزات البارزة في المشروع تطبيق بطاقات قلب ثلاثية الأبعاد تفاعلية في كتالوج المنتجات. يتيح هذا المكون للمستخدمين التبديل بسهولة بين عرض غلاف الكتاب/سعره وقراءة ملخص تفصيلي، مما يزيد من كثافة المعلومات دون ازدحام واجهة المستخدم.
بالإضافة إلى ذلك، يتضمن التطبيق حالة سلة تسوق وظيفية بالكامل من جانب العميل. يدير هذا النظام عمليات إضافة المنتجات، وحساب إجمالي السلة في الوقت الفعلي، ويسمح للمستخدمين بمراجعة اختياراتهم وتعديلها عبر طبقة شريط جانبي منزلق غير مزعجة. يعمل المشروع كمثال قوي على العرض القائم على المكونات DOM باستخدام JavaScript .