تطوير لوحة تحكم

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

كذلك الموقع يتكون من عدة صفحات، كل صفحة تؤدي وظيفة معينة.

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

أبرز مكونات الموقع:

- معلومات المستخدم: يظهر اسم المستخدم في أعلى اللوحة، مما يشير إلى أن هذه اللوحة مخصصة له.

- الترحيب والمسودات السريعة:توجد رسالة ترحيبية للمستخدم، بالإضافة إلى حقل لكتابة مسودات سريعة، مما يوحي بوجود ميزة لتدوين الملاحظات السريعة أو الأفكار.

- لأهداف السنوية: يظهر قسم خاص بالأهداف السنوية، مع رسوم بيانية توضح مدى التقدم المحرز نحو تحقيق هذه الأهداف.

- إحصائيات التذاكر: يقدم هذا القسم إحصائيات مفصلة حول التذاكر، والتي قد تشير إلى طلبات العملاء أو المهام الموكلة للموظفين.

- أحدث الأخبار والمهام والتحميلات: يتم عرض أحدث الأخبار المتعلقة بالعمل، بالإضافة إلى قائمة بالمهام الحالية والملفات التي تم تحميلها مؤخراً.

- تقدم المشاريع: يوفر هذا القسم نظرة عامة على تقدم المشاريع الحالية، مع توضيح النسبة المئوية للإنجاز.

- التذكيرات: يظهر قسم خاص بالتذكيرات المهمة، مما يساعد المستخدم على تذكر المواعيد والمهام القادمة.

- إحصائيات وسائل التواصل الاجتماعي: يتم عرض إحصائيات حول أداء الحسابات على وسائل التواصل الاجتماعي المرتبطة بالعمل.

- قائمة المشاريع: تعرض قائمة كاملة بجميع المشاريع، مع تفاصيل حول كل مشروع مثل الحالة والتاريخ والمسؤولين

فيما يلي الصفحات، والتي يمكن تعديلها بناءً على طبيعة موقعك:

Settings: صفحة إعدادات المستخدم، حيث يمكن للمستخدم تعديل معلومات حسابه، تفضيلاته، وإعدادات الخصوصية.

Profile: صفحة الملف الشخصي للمستخدم، تعرض معلومات أساسية عن المستخدم، مثل اسمه، صورته، واهتماماته.

Projects: صفحة تعرض المشاريع التي يعمل عليها المستخدم أو المشاريع التي تم إنشاؤها على الموقع.

Courses: صفحة تعرض الدورات التدريبية المتاحة على الموقع أو الدورات التي اشترك فيها المستخدم.

Friends: صفحة تعرض قائمة أصدقاء المستخدم على الموقع وتسمح له بإضافة أصدقاء جدد.

Files: صفحة تعرض الملفات التي قام المستخدم بتحميلها أو الملفات المشتركة معه.

Plans: صفحة تعرض الخطط المختلفة التي يقدمها الموقع، مثل الخطط المجانية والمدفوعة، مع تفاصيل حول الميزات المتاحة في كل خطة.

ادوات التطوير واطارات العمل :

استخدمت كلا من اللغات HTML و CSS في تنفيذ الموقع.

استخدمت Visual Studio Code في كتابة الاكواد.