الخبر  - منصة الأخبار العصرية

الخبر 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)

🚀 كيفية الاستخدام:

  1. تصفح الأخبار في الصفحة الرئيسية باستخدام السلايدر التفاعلي.
  2. استخدم شريط البحث والتصفية حسب الفئات للعثور على أخبار محددة.
  3. قم بالدخول إلى لوحة التحكم (كلمة المرور: admin) لإضافة أخبار جديدة.
  4. انقر على أي خبر لرؤية التفاصيل الكاملة في صفحة مخصصة.
  5. جرب تبديل الوضع الليلي/النهاري من أيقونة القمر/الشمس.