Bloggy

الميزات

إدارة المقالات بالكامل (CRUD): إنشاء، قراءة، تحديث، وحذف المقالات باستخدام محرر نصوص غني.

تسجيل دخول المستخدم: مصادقة آمنة باستخدام JWT مع رموز تحديث httpOnly.

التعليقات التفاعلية: تعليقات متداخلة وردود مع إمكانية التعديل والحذف.

نظام السمعة: يمكن للمستخدمين "وضع نجمة" على المقالات، ويتراكم إجمالي النجوم للمؤلفين.

ملفات المستخدم الشخصية: عرض ملفات المؤلفين وتحديث صورة الملف الشخصي الخاص بك.

البحث والتصفية: بحث ديناميكي في الوقت الفعلي للمقالات حسب العنوان، المؤلف، والفئة.

التمرير اللانهائي: تمرير سلس ولا نهائي في قائمة المقالات الرئيسية.

الثيمات: دعم سلس للوضع الفاتح والداكن.

تصميم متجاوب: واجهة مستخدم مصقولة تعمل بشكل رائع على جميع أحجام الشاشات.

التكنولوجيا المستخدمة

الإطار العام: React 19 مع Vite

اللغة: TypeScript

التوجيه: TanStack Router

إدارة البيانات والحالة: TanStack Query (React Query)

التصميم: Tailwind CSS مع DaisyUI

النماذج: React Hook Form مع Zod للتحقق من الصحة

عميل API: Axios مع اعتراضات للمصادقة والتعليقات.

تعليقات واجهة المستخدم: react-hot-toast للإشعارات وNProgress لمؤشرات تحميل الصفحة.