Posthup Blog هو واجهة حديثة وسلسة تم بناؤها باستخدام React.js للتفاعل مع Posthup API (باك إند بـ PHP/MySQL).
يتيح للمستخدمين استكشاف المقالات، عرض التفاصيل الكاملة لكل مقال، الإعجاب والتعليق، وإدارة ملفاتهم الشخصية بطريقة ديناميكية وسلسة.
المميزات
المصادقة
تسجيل الدخول / إنشاء حساب عبر API باستخدام الجلسات أو الكوكيز
إمكانية تسجيل الخروج بسهولة
الصفحة الرئيسية
عرض جميع المقالات مع العنوان والوصف والصورة
الإعجاب والتعليق مباشرة على كل مقال
صفحة المقال الواحد
عرض تفاصيل المقال بالكامل
رؤية جميع التعليقات المتعلقة بالمقال
إضافة أو حذف التعليقات الخاصة بك
الإعجاب أو إزالة الإعجاب بالمقال
الملف الشخصي للمستخدم
عرض معلومات المستخدم ومقالاته
تعديل البيانات الشخصية (الاسم، البريد الإلكتروني، كلمة المرور، صورة الملف الشخصي)
️ إنشاء وإدارة المقالات
إضافة مقالات جديدة مع رفع الصور
حذف المقالات الخاصة بك
تصميم متجاوب
يعمل بسلاسة على الكمبيوتر، التابلت، والموبايل
? التقنيات المستخدمة
التكنولوجياالوصف
React 18+إطار عمل للواجهة الأمامية
Sass / CSS Modulesالتصميم والتخطيط
React Routerالتنقل بين الصفحات
Fetch API / Axiosالاتصال بالباك إند
Bootstrapنظام الشبكة المتجاوب
React Hooks (useState, useEffect)إدارة الحالة