تطوير نظام مكتبة جامعية متكامل Book Wise – تسجيل دخول، إدارة كتب، واستعارة ذكية

قمت بتطوير نظام ويب متكامل لإدارة مكتبة جامعية تحت اسم Book Wise، يقدّم تجربة حديثة للطلاب وطاقم المكتبة من خلال واجهات أنيقة ومتجاوبة، مع التركيز على سهولة الاستخدام وتنظيم عملية الاستعارة وإدارة الكتب.

مميزات المشروع

نظام مصادقة كامل

يتضمن صفحة تسجيل دخول احترافية، وصفحة إنشاء حساب جديد مع حقول: الاسم الكامل، البريد الإلكتروني، كلمة المرور، رقم الطالب (University ID)، بالإضافة إلى رفع بطاقة الطالب (University Card) للتحقق من الهوية.

إدارة وعرض الكتب

واجهة رئيسية تعرض أحدث الكتب في المكتبة بشكل منظم، مع بطاقات لكل كتاب تحتوي على: عنوان الكتاب، المؤلف، التصنيف، التقييم، وعدد النسخ المتاحة. كما تم إنشاء صفحة تفاصيل لكل كتاب توضح معلوماته الكاملة وزر لطلب استعارة الكتاب، مع إظهار عدد الأيام المتبقية لإرجاع كل كتاب.

تصميم واجهة المستخدم

تم اعتماد تصميم داكن (Dark UI) بتقسيم الشاشة بين نموذج الدخول/التسجيل وصورة معبّرة عن عالم الكتب، مع مراعاة مبادئ الـ UI/UX ليكون التصميم مريحًا وسهل الاستخدام على شاشات الكمبيوتر والأجهزة اللوحية والهواتف.

تقنيات وأدوات مستخدمة

تم بناء الواجهة باستخدام:

Next.js لهيكلة المشروع وتوليد الصفحات

React و TypeScript لإدارة المكوّنات والمنطق التفاعلي

Tailwind CSS لتنسيق واجهة المستخدم بسرعة ومرونة

دعم رفع الملفات والتحقق من المدخلات، مع بنية كود نظيفة قابلة للتطوير مستقبلاً (مثل إضافة لوحة تحكم، إدارة مستخدمين، نظام إشعارات وتنبيهات إرجاع الكتب).

هذا العمل يعكس قدرتي على تطوير واجهات ويب احترافية متكاملة باستخدام Next.js و React، وتصميم أنظمة مخصصة بحسب احتياج الجهة (مثل الجامعات والمكتبات الأكاديمية).