الخبر AI
منصة الأخبار الذكية
React 19
TypeScript
Vite
Tailwind CSS
React Router
📰 الخبر AI - منصة الأخبار العصرية
مرحباً بك في الخبر ، وهي منصة إخبارية متطورة وسريعة تم بناؤها باستخدام أحدث تقنيات الويب. يجمع الموقع بين التصميم الجذاب وتجربة المستخدم السلسة، مع محاكاة لبيئة إخبارية حقيقية وتفاعلية.
✨ مميزات المشروع:
- ⚡ واجهة مستخدم حديثة وسريعة: مبنية باستخدام React و Vite لضمان سرعة تصفح فائقة.
- 🎨 دعم الوضع الليلي (Dark Mode): إمكانية التبديل بين الوضع النهاري والليلي لراحة العين بنقرة زر.
- 📱 تصميم متجاوب (Responsive): يعمل بكفاءة وتصميم متقن على جميع الأجهزة (هواتف، أجهزة لوحية، وحواسيب).
- 🚨 شريط أخبار عاجلة: شريط متحرك (Ticker) في أعلى الموقع يعرض أهم العناوين في الوقت الفعلي.
- 📸 سلايدر تفاعلي (Hero Slider): يعرض الأخبار المميزة والمهمة في الواجهة الرئيسية بشكل بصري جذاب.
- 🔍 البحث والتصنيف: نظام قوي لتصفية الأخبار حسب الفئات أو البحث المباشر عن طريق الكلمات المفتاحية.
- 🛠️ لوحة تحكم للإدارة (Dashboard): صفحة خاصة تتيح للمدير إضافة أخبار جديدة يدوياً محمية بكلمة مرور.
- 📄 عرض تفاصيل المقال: صفحة مخصصة لكل خبر تعرض الصورة البارزة، المصدر، وتفاصيل الخبر الكاملة.
🛠️ التقنيات المستخدمة:
React 19
لبناء واجهات مستخدم تفاعلية
TypeScript
لضمان سلامة الكود وسهولة الصيانة
Vite
أداة بناء وتطوير فائقة السرعة
Tailwind CSS
لتنسيق وتصميم الواجهات
React Router
للتنقل السلس بين الصفحات (SPA)
🚀 كيفية الاستخدام:
- تصفح الأخبار في الصفحة الرئيسية باستخدام السلايدر التفاعلي.
- استخدم شريط البحث والتصفية حسب الفئات للعثور على أخبار محددة.
-
قم بالدخول إلى لوحة التحكم (كلمة المرور:
admin) لإضافة أخبار جديدة. - انقر على أي خبر لرؤية التفاصيل الكاملة في صفحة مخصصة.
- جرب تبديل الوضع الليلي/النهاري من أيقونة القمر/الشمس.