Dashboard | dynamic Dashboard

نبذة سريعة:

مشروع Dashboard بدأته علشان أخرج من دايرة الـLanding Pages التقليدية وأبدأ أظهر قدراتي كمطور Frontend.

اخترت Theme بسيط بالأزرق والأبيض، وما ركزتش على الـUI بقدر ما ركزت على الديناميكية والتفاعل في المشروع.

دوري في المشروع:

أنا اللي عملت المشروع بالكامل لوحدي من أول فكرة الـUI لحد النشر.

ركزت على إنه يكون الكود نظيف وسهل القراءة علشان أقدر أعدّل عليه في أي وقت، واتّبعت مبدأ الـComponent-Based في كل أجزاء المشروع.

المشروع فيه صفحات متعددة معمول لها Routing باستخدام Next.js لأنه من أقوى وأشهر الأدوات في السوق حاليًا.

الـDashboard الأساسي معمول باستخدام Chart.js، وهي واحدة من أهم مكتبات JavaScript للرسوم البيانية.

باقي الأجزاء اشتغلتها بـ React, JavaScript, وTailwind CSS.

حاولت أخلّي المشروع واقعي قدر الإمكان، فهتلاقي فيه بيانات ديناميكية، وأماكن قابلة للتعديل زي قسم البريد الإلكتروني.

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

React.js – Next.js – Tailwind CSS – Chart.js – JavaScript

الميزات الرئيسية:

تصميم متجاوب مع جميع الشاشات (Responsive)

واجهة بسيطة مع قائمة تنقل سهلة الاستخدام

بيانات ديناميكية تتفاعل مع المستخدم

المشروع متاح بالكامل على GitHub ومنشور على Vercel