Taskly هو تطبيق متكامل لإدارة المشاريع والمهام، يتيح للمستخدم إنشاء المشاريع وتقسيمها إلى مهام ومتابعة تقدم العمل وتنظيم المهام بطريقة مرنة.
#أهم المميزات
- إنشاء وإدارة المشاريع.
- إنشاء المهام وربطها بالمشاريع.
- تحديد حالة المهمة وتاريخ الاستحقاق.
- ترتيب المهام بالسحب والإفلات.
- عرض المهام في شكل قائمة أو تقويم.
- نظام تسجيل دخول وإنشاء حسابات للمستخدمين.
- حفظ تفضيلات المستخدم الخاصة بطريقة عرض المهام.
- تحديث البيانات بشكل تفاعلي بدون الحاجة لإعادة تحميل الصفحة.
#التقنيات المستخدمة
Backend: Laravel / PHP
Frontend: Vue.js 3
Database: MySQL
State Management: Pinia
Styling: Tailwind CSS
API: REST API
Authentication: Laravel Breeze
Build Tool: Vite
Drag & Drop: Sortable.js
الجانب التقني
تم بناء المشروع بهندسة تفصل بين مسؤوليات الـBackend والـFrontend، حيث يتولى Laravel معالجة البيانات والمصادقة والـAPI، بينما يتولى Vue.js إدارة الأجزاء التفاعلية من الواجهة.
تم استخدام Service Layer لتنظيم منطق التعامل مع المشاريع والمهام، بالإضافة إلى طبقة مخصصة للتعامل مع طلبات الـAPI وتوحيد معالجة المصادقة والأخطاء.
كما تم استخدام Pinia لإدارة حالة التطبيق وتقليل طلبات الـAPI المتكررة من خلال التخزين المؤقت للبيانات.
المشروع يمثل تجربة عملية في بناء تطبيق Full-Stack باستخدام Laravel وVue.js وربطهما من خلال REST API.