To Do List

تطبيق TaskFlow: لإدارة المهام باستخدام React

تطبيق ويب أحادي الصفحة (SPA) غني بالميزات لإدارة المهام، تم تصميمه مع التركيز على الكود النظيف وتقديم تجربة مستخدم مميزة.

قمت ببناء واجهة مستخدم ديناميكية ومتجاوبة من الصفر باستخدام React، مع تقسيم التطبيق إلى مكونات وظيفية (Functional Components) قابلة لإعادة الاستخدام.

تمت إدارة حالة التطبيق (State) والآثار الجانبية (Side Effects) بكفاءة باستخدام React Hooks، مثل useState للبيانات وuseEffect لمزامنتها مع التخزين المحلي للمتصفح.

تم تنفيذ حل متكامل لحفظ البيانات (Data Persistence) باستخدام Local Storage API في المتصفح، مما يضمن عدم فقدان المستخدم لبياناته عند إغلاق التطبيق وإعادة فتحه.

تم تصميم واجهة عرض متعددة الأعمدة تقوم بتصفية وعرض المهام تلقائياً بناءً على تاريخ استحقاقها وحالة إنجازها ("مهام اليوم"، "قادمة"، "مكتملة").

تم استخدام مكتبة React Router لتنظيم التنقل داخل التطبيق (Client-Side Routing) تمهيداً لإضافة ميزات مستقبلية كصفحة مخصصة لتعديل المهام.

التقنيات المستخدمة: React, JavaScript (ES6+), React Router, HTML5, CSS3, Bootstrap, Local Storage.