موقع واجهة مدونة عربية

قمت بتطوير واجهة موقع مدونة باللغة العربية باستخدام HTML, CSS, JavaScript، وإطار Bootstrap 5، دون الحاجة لأي قواعد بيانات أو Back-End، بهدف عرض تجربة مستخدم أنيقة وسريعة التصفح.

تتكون الصفحة الرئيسية من شريط تنقل علوي ثابت يحتوي على روابط: (الرئيسية – التصنيفات – من نحن – تواصل معنا)، بالإضافة إلى قسم رئيسي يعرض مقالة مميزة بصورة وخلاصة.

أسفل ذلك، تُعرض المقالات في بطاقات (Cards) مرتبة باستخدام شبكة Bootstrap، وتحتوي كل بطاقة على صورة، عنوان، وصف مختصر، وزر "اقرأ المزيد".

كما تحتوي الواجهة على فلتر لتصفية المقالات حسب التصنيفات (مثل: برمجة – تطوير ذاتي – صحة – سفر)، ويتم تنفيذ هذه الفلاتر ديناميكيًا باستخدام JavaScript فقط.

مميزات المشروع:

تصميم متجاوب بالكامل لجميع الشاشات باستخدام Bootstrap.

دعم الاتجاه من اليمين لليسار (RTL) للغة العربية.

فلترة المقالات حسب التصنيف بدون إعادة تحميل الصفحة.

واجهة أنيقة باستخدام ألوان هادئة وخط عربي واضح.

استخدام تأثيرات بسيطة عند التمرير (Scroll Animations).

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

HTML – CSS – Bootstrap – JavaScript (Vanilla)