النادي – منصة تدوين متكاملة (Frontend + Backend)

مشروع ويب متكامل يتيح للمستخدمين كتابة وقراءة المقالات. تم تقسيمه إلى جزئين:

الواجهة الأمامية: مبنية باستخدام React وVite وTailwind CSS لتوفير تجربة مستخدم سريعة وحديثة. يتم التعامل مع النماذج عبر react-hook-form والتحقق من صحة البيانات باستخدام zod. كما تم تضمين إشعارات فورية عبر react-hot-toast.

الواجهة الخلفية: خادم Express مدعوم بـ MongoDB باستخدام Mongoose، يحتوي على نظام مصادقة JWT لتسجيل الدخول/التسجيل، وإدارة المقالات من خلال REST API. يعتمد النظام على dotenv لإدارة متغيرات البيئة ويدعم ملفات تعريف الارتباط (Cookies) وCORS.

الوظائف الأساسية:

تسجيل وتسجيل دخول المستخدمين.

كتابة، تعديل، حذف، وقراءة المقالات.

واجهة أنيقة وسريعة باستخدام Tailwind CSS.

تكامل تام بين الواجهة الأمامية والخلفية عبر REST API.

حماية المسارات باستخدام JWT.

تخزين البيانات في MongoDB Atlas.

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

الفرونت:

React – Vite – Tailwind CSS – DaisyUI – Axios – React Router – react-hook-form – Zod – React Hot Toast – FontAwesome

الباك:

Node.js – Express – MongoDB – Mongoose – JWT – Bcrypt – Cookie-parser – dotenv – CORS