بناء صفحة الهبوط ولوحة تحكم الإدارة باستخدام React وTailwind CSS. ركزتُ على جعل الواجهة بسيطة، سريعة الاستجابة، وسهلة الاستخدام.
الوظائف
• صفحة الهبوط
- بانر رئيسي، قسم الميزات، أزرار الحث على اتخاذ إجراء
- نموذج التسجيل/تسجيل الدخول
• لوحة تحكم الإدارة
- نظرة عامة على المقاييس الرئيسية (المستخدمون، الزيارات، المبيعات، إلخ.)
- إدارة المستخدمين (إنشاء، قراءة، تحديث، حذف)
- أدوات إدارة المحتوى
• لمسات واجهة المستخدم/تجربة المستخدم
- تبديل الوضعين الفاتح والداكن
- تنقل سلس (قائمة الشريط الجانبي، قائمة الهامبرغر)
- ملاحظات تفاعلية (حالات التمرير، الحالات النشطة، إشعارات التنبيه)
الخصائص التقنية
• إطار عمل الواجهة الأمامية: React (الإصدار 18+)
• التصميم: Tailwind CSS
• إدارة الحالات: سياق React والخطافات
• البناء والنشر: Vite للتجميع؛ Netlify (أو Vercel) للاستضافة
• التحكم في الإصدارات: Git وGitHub