مشروع واجهة لوحة تحكم تعليمية

فكرة المشروع

عرض توضيحي لواجهة لوحة تحكم تجارة إلكترونية إدارية — لوحة معلومات، إدارة منتجات وطلبات ومستخدمين، ونماذج إضافة. واجهة عرض بحتة بدون خادم أو قاعدة بيانات — البيانات كلها ثابتة في الكود، والنماذج ما بترسلش لأي مكان.

ما الذي تعرضه الواجهة

نظرة عامة على اللوحة بملخصات ورسم بياني للمبيعات، صفحة منتجات، صفحة طلبات بخمس عمليات متنوعة فعليًا، صفحة مستخدمين، ونموذج إضافة منتج.

دوري وقراراتي

لاحظت أثناء الفحص إن جدول المستخدمين بيكرر نفس البيانات بالظبط في الخمس صفوف (نفس الاسم، نفس الإيميل example@example.com، نفس الأرقام) — وكذلك جدول المنتجات. بدل ما أغيّر بيانات العرض بصمت أثناء مهمة خاصة بتغليف Docker، وثّقت المشكلة كملاحظة مفتوحة عن جودة البيانات وحافظت على وضوح نطاق المهمة. لما جيت أاخد اللقطات النهائية، قررت أعيد التقاطها من صورة Docker نفسها بدل الاعتماد على لقطات قديمة من خادم تطوير محلي — عشان اللي في اللقطة يبقى بالظبط اللي أي زائر هيشوفه لما يشغّل الصورة.

الجوانب التقنية

Webpack 5 متعدد الصفحات (مش React)، Sass، وChart.js لرسم بياني بيولّد بيانات عشوائية جديدة عند التفاعل معاه. صورة Docker خفيفة (nginx بس، بدون خادم تطبيقي) لأن الواجهة بأكملها ثابتة.

قيمة المشروع داخل المعرض

بيوضح الصدق التوثيقي — الإبلاغ عن مشكلة جودة بيانات بدل إخفائها، والاحترام لحدود نطاق المهمة (تغليف مش تعديل محتوى).