Taskify

Taskify – مشروع مدير المهام الشامل (Full-Stack Task Manager Project)

تطبيق ويب كامل الميزات لإدارة المهام، مصمم لتعزيز التعاون بين الفريق وزيادة الإنتاجية!

الميزات الرئيسية

• مصادقة المستخدم (تسجيل حساب جديد، تسجيل الدخول، إعادة تعيين كلمة المرور عبر رمز OTP)

• إدارة اللوحات: إنشاء وتعديل وحذف اللوحات، ودعوة الأعضاء إليها

• إنشاء المهام مع تحديد مستوى الصعوبة (سهل، متوسط، صعب)

• لوحة تحكم المشرف: متابعة التقدم وإدارة المستخدمين

• لوحة الصدارة: تتبع ومقارنة النقاط المكتسبة من المهام

• دعم متعدد اللغات باستخدام i18n

• وضع الإضاءة والوضع الليلي لتسهيل الوصول والاستخدام

الوصول بناءً على الدور الوظيفي

• مالكو اللوحات: إدارة اللوحات والمهام والأعضاء، ومتابعة التقدم

• الأعضاء: إنشاء المهام والمساهمة في اللوحة

• لوحة الصدارة: تسليط الضوء على الأداء بناءً على النقاط المكتسبة

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

الواجهة الأمامية (Frontend): React.js

• React Router DOM (التوجيه القائم على الكائنات)

• Context API و Redux Toolkit + Thunk

• Hooks مخصصة

• i18n لدعم اللغات المتعددة

الواجهة الخلفية (Backend): Node.js (Express)

• JWT (توكينات الوصول والتحديث)

• هيكلة تعتمد على تقسيم المسارات والخدمات

دوري في المشروع

الواجهة الأمامية:

• تصميم وتنفيذ واجهة الصفحة الرئيسية (Landing Page)

• تصميم وتنفيذ النوافذ المنبثقة (Modals)

• تطوير جميع عمليات CRUD للوحــات (إنشاء، قراءة، تعديل، حذف)

• تنفيذ خاصية إنشاء المهام

• استخدام Redux Thunk لإدارة العمليات غير المتزامنة الخاصة باللوحات

• إضافة دعم تعدد اللغات باستخدام i18n

الواجهة الخلفية:

• إنشاء مسارات الـ API لإنشاء وتعديل وحذف اللوحات والمهام

هذا المشروع كان فرصة رائعة لتعزيز مهاراتي في تطوير تطبيقات الـ Full-Stack، خاصة في إدارة حالات واجهة المستخدم الديناميكية، والتعامل مع العمليات غير المتزامنة، والعمل ضمن فريق بشكل احترافي.