blog app

تطور الواجهة الامامية لموقع blog

تطبيق Blog تم تطويره لعرض المقالات التي يتم جلبها من API خارجي، مع توفير تجربة بسيطة ومنظمة لتصفح المقالات والانتقال إلى صفحة التفاصيل الخاصة بكل مقال.

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

React.js

JavaScript

Tailwind CSS

Gnews API

HTML5

CSS3

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

جلب المقالات وعرضها بشكل ديناميكي من خلال API.

عرض 6 مقالات في كل مرة على أجهزة Desktop.

عرض مقالتين في كل مرة على أجهزة Mobile.

زر "Load More" لتحميل مجموعة إضافية من المقالات دون الحاجة إلى إعادة تحميل الصفحة.

تصميم Responsive يعمل على مختلف أحجام الشاشات.

صفحة منفصلة لعرض تفاصيل المقال عند اختيار أحد المقالات.

عرض بيانات المقال مثل:

عنوان المقال.

المصدر.

التصنيف (Category).

تاريخ النشر.

رابط المقال الأصلي.

التعامل مع البيانات القادمة من الـAPI وعرضها داخل الواجهة بشكل ديناميكي.

تنظيم مكونات التطبيق بحيث يمكن إعادة استخدامها وتطويرها مستقبلًا.

المشروع يركز على تطبيق عملي للتعامل مع البيانات القادمة من API وربطها بواجهة React تفاعلية ومتجاوبة.