الوصف

تطبيق ويب متكامل الميزات، مُصمَّم لتبسيط تنظيم المهام وزيادة الإنتاجية. من خلال لوحة على طراز كانبان سهلة الاستخدام، يمكن للمستخدمين إنشاء اللوحات وإدارة الأقسام وتنظيم المهام بكفاءة. يتضمن التطبيق نظام مصادقة قويًا لضمان وصول آمن. ومبني بحزمة تقنية حديثة، يقدّم تجربة سلسة لإدارة المهام الشخصية والجماعية.

الحاجة التجارية

• الفرق الصغيرة التي تتابع العمل عبر مستندات مشتركة أو محادثات تفقد الرؤية الواضحة بسرعة. لوحة كانبان تمنح الجميع عرضًا موحّدًا لما هو قيد التنفيذ وما اكتمل.
• لوحات آمنة ومحمية بمصادقة تعني أن الفريق يستطيع إدارة عمل داخلي حقيقي هنا، لا مجرد تشغيل عرض توضيحي عام.
• بديل خفيف ومملوك ذاتيًا عن دفع اشتراك كامل لكل عضو فريق في أداة SaaS لإدارة المشاريع.

الوسوم

نظرة عامة على المشروع

• تطبيق متكامل (Full-stack) بحزمة تقنية حديثة.
• مصادقة المستخدم لضمان وصول آمن.
• لوحة على طراز كانبان لتنظيم المهام.
• إنشاء وتعديل وحذف اللوحات والأقسام والمهام.
• تحديثات فورية عبر React Query لتجربة مستخدم سلسة.

صفحات الموقع

• مصادقة المستخدم: صفحات تسجيل دخول وتسجيل حساب آمنة لإدارة المستخدمين.
• الصفحة الرئيسية: تعرض لوحة كانبان بكل اللوحات والمهام.
• صفحة اللوحة: تتيح للمستخدمين عرض اللوحات وإنشاءها وتعديلها وحذفها.
• إدارة الأقسام: يمكن للمستخدمين إضافة وتعديل وحذف الأقسام (الأعمدة) داخل اللوحات.
• إدارة المهام: يمكن للمستخدمين إضافة وتعديل وحذف المهام داخل الأقسام.

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

• React.js (الإصدار 18.x) مع Vite لتطوير وتجميع سريعين.
• TypeScript لتطوير آمن من ناحية الأنواع.
• Material-UI (MUI) لواجهة أنيقة ومتجاوبة.
• React Router للتوجيه من جهة العميل.
• Redux Toolkit لإدارة الحالة.
• Axios لطلبات الـ API.
• Node.js (الإصدار 18.x) مع Express كإطار عمل للخادم.
• MongoDB (الإصدار 5.x) لتخزين قاعدة بيانات NoSQL، معبأة عبر Docker.
• Dnd-kit (مخطط لها مستقبلًا لخاصية السحب والإفلات).
• ESLint لفحص جودة الكود.
• Vercel لإعداد النشر.

أبرز الميزات

• مصادقة المستخدم
• إدارة اللوحات: إنشاء وتعديل وحذف اللوحات
• إدارة الأقسام: إضافة وتعديل وحذف الأقسام (الأعمدة) داخل اللوحات
• إدارة المهام: إضافة وتعديل وحذف المهام داخل الأقسام
• واجهة كانبان: سحب وإفلات المهام بين الأقسام لتنظيم سهل
• إدارة الحالة: تحديثات فورية للواجهة عند تغيير المهام والأقسام باستخدام React و Redux
• واجهة برمجية آمنة: نقاط نهاية RESTful لكل عمليات CRUD، محمية برموز JWT.
• تصميم متجاوب ويراعي إمكانية الوصول
• واجهة سهلة الاستخدام
• عناصر تفاعلية
• توافق مع مختلف المتصفحات
• مُحسَّن للأداء
• تنقّل سهل
• تخطيط قابل للتخصيص