Rack It – Web Inventory Management System

مشروع Rack It – Web Inventory System

Rack It هو مشروع ويب بسيط لإدارة عناصر أو منتجات داخل نظام تخزين (Rack System)، تم تطويره باستخدام تقنيات الويب الأساسية PHP – HTML – CSS – JavaScript مع واجهات سهلة الاستخدام.

محتوى المشروع:

1. نظام دخول المستخدمين (Authentication System)

يشمل:

صفحة تسجيل حساب جديد (Register)

صفحة تسجيل الدخول (Login)

تسجيل الخروج (Logout)

النظام يحتوي على تحقّق من المدخلات وربط بقاعدة بيانات MySQL لضمان دخول المستخدمين بشكل آمن.

2. واجهة رئيسية Dashboard

بعد تسجيل الدخول، ينتقل المستخدم لواجهة رئيسية تحتوي على:

شريط جانبي (Sidebar)

قوائم للتنقل داخل الموقع

كروت تعرض معلومات (Cards)

تصميم ثابت ولون متناسق في الصفحات

الـDashboard مصممة لتكون واضحة وسهلة الاستخدام بحيث يمكن تطويرها لاحقًا لإضافة:

إدارة المنتجات

إدارة الرفوف

عرض عدد العناصر

عمليات إضافة/تعديل/حذف

3. تصميم Responsive

الصفحات كلها مبنية باستخدام:

HTML5

CSS3

Flexbox

مع استخدام JavaScript لتحسين التفاعل داخل الصفحات، مثل:

التحقق من الحقول

التحكم في العناصر

تحسين تجربة المستخدم

4. الكود قابل للتطوير

الكود منظم ويمهّد لإضافة Features مستقبلية مثل:

إضافة عناصر للمخزون

تعديل وحذف المنتجات

عرض تقارير

ربط النظام بـ Barcode Scanner

التقنيات المستخدمة

Frontend: HTML, CSS, JavaScript

Backend: PHP

Database: MySQL

Authentication: PHP Sessions

Design: واجهة بسيطة ومتناسقة تعتمد على تصميم واحد موحد لجميع الصفحات

هدف المشروع

تطوير نظام أولي يمكن توسيعه ليصبح أداة كاملة لإدارة المخزون أو العناصر داخل رفوف التخزين، مع واجهات دخول وحماية أساسية، وتصميم منظم يسهل العمل عليه وتطويره لاحقًا.