Bookify – متجر كتب إلكتروني تفاعلي
Bookify هو متجر إلكتروني متكامل ومخصص لبيع الكتب الرقمية، تم تطويره باستخدام React، ويتميز بتصميم متجاوب بالكامل وتجربة مستخدم حديثة وسلسة. يتيح للمستخدمين تصفح الكتب، إدارتها، والتفاعل معها بسهولة من خلال سلة الشراء ونظام المفضلة.
المميزات:
واجهة مستخدم متجاوبة بالكامل ومبنية على مبدأ Mobile-First
عرض تفصيلي للكتب مع تجربة تصفح سلسة
سلة تسوق تدعم التحكم في الكمية والحذف
نظام مفضلة لحفظ الكتب المفضلة
إضافة وإزالة الكتب بشكل ديناميكي من السلة أو المفضلة
? استخدام React Context API لإدارة الحالة العامة للتطبيق (السلة، المفضلة، الكتب)
انتقالات سلسة بين الصفحات والمكونات باستخدام Framer Motion
? تصفح أحادي الصفحة (SPA) باستخدام React Router
إشعارات فورية باستخدام react-hot-toast لإبلاغ المستخدم بعملياته
تصميم أنيق وسريع باستخدام TailwindCSS
? التقنيات المستخدمة:
React 19 – بناء الواجهة الأساسية
TailwindCSS 4 – تصميم باستخدام CSS حديث وفعّال
React Router v7 – التنقل داخل التطبيق
Framer Motion – تحريك المكونات والصفحات
React Context API – إدارة البيانات المشتركة مثل السلة والمفضلة
React Hot Toast – إشعارات تفاعلية وسريعة
React Icons – مكتبة أيقونات جاهزة
Vite – أداة بناء وتطوير فائقة السرعة
ESLint – تحسين جودة الكود وتنظيمه