Kitabi Store - متجر كتب إلكتروني متكامل مع لوحة تحكم
تفاصيل العمل
مشروع "كتابي" هو منصة تجارة إلكترونية متطورة مخصصة لبيع الكتب الورقية والإلكترونية. تم بناء المنصة لتقدم تجربة مستخدم سريعة جداً وتفاعلية، مع التركيز على سهولة التصفح وإتمام عمليات الشراء. يتميز المشروع بتصميم واجهة مستخدم (UI) عصرية تتناسب مع مختلف الشاشات، ويوفر لوحة تحكم إدارية (Admin Dashboard) لإدارة المحتوى بشكل كامل.
المميزات التي يقدمها المشروع:
نظام تسوق متكامل: يتيح للمستخدمين تصفح الكتب، استعراض التفاصيل، وإضافتها إلى سلة التسوق.
لوحة تحكم إدارية (Admin Dashboard): تمكن مدير الموقع من إضافة كتب جديدة وإدارة المخزون بسهولة.
البحث المتقدم والتصنيفات: نظام بحث ذكي مع إمكانية عرض الكتب حسب التصنيف (روايات، كتب علمية، إلخ).
تجربة مستخدم محسنة (UX): استخدام نظام الـ Client-side Navigation لضمان انتقال فوري بين الصفحات دون إعادة تحميل الموقع.
نظام طلبات ومتابعة: إمكانية عرض قائمة الطلبات السابقة وإدارة الملف الشخصي للمستخدم.
توافق تام مع الهواتف: الموقع مصمم ليعمل بكفاءة عالية على المتصفحات المكتبية والجوالات (Responsive Design).
التكنولوجيا المستخدمة (Tech Stack):
تم اختيار التقنيات في هذا المشروع لضمان الأداء الأفضل (Performance) والـ SEO:
Next.js 15 (App Router): أحدث إصدار من إطار عمل Next.js لضمان سرعة التحميل وتحسين محركات البحث.
TypeScript: لاستخدام البرمجة القوية (Strong Typing) وتقليل الأخطاء البرمجية.
Tailwind CSS: لبناء واجهات مستخدم مخصصة وسريعة الاستجابة.
React Context API: لإدارة حالة سلة التسوق (Cart) وبيانات المستخدم (Auth) عبر الموقع بالكامل.
Cloudflare Wrangler: لتجهيز المشروع للنشر العالمي بسرعة وكفاءة عالية.
PostCSS: لمعالجة وتنسيق الملفات الرسومية لضمان التوافق مع جميع المتصفحات.
وصف مفصل للوظائف البرمجية:
بناء الهيكل (Project Architecture): تم تقسيم المشروع إلى مكونات (Components) وسياقات (Contexts) لضمان إعادة استخدام الكود وسهولة تطويره مستقبلاً.
إدارة البيانات (State Management): استخدام نظام متطور لإدارة سلة التسوق والتحقق من الهوية (Authentication Flow) لضمان أمن بيانات المستخدمين.
تطوير الواجهات: تم بناء صفحات مخصصة لكل جزء من المتجر، مثل صفحة تفاصيل الكتاب (Book Detail View) وصفحة إتمام الشراء (Checkout Page).