تصميم To-do list باستخدام react ,CSS3,HTML5,Bootstrap
يتيح لك التطبيق :
- إضافة مهام جديدة: عند إدخال النص والضغط على زر "إضافة"، تتم إضافة المهمة إلى القائمة إذا كان النص غير فارغ.
- حذف المهام: يمكن للمستخدم حذف أي مهمة عن طريق الضغط على زر "حذف" بجانب المهمة.
- مسح جميع المهام: يتم مسح جميع المهام في القائمة عبر زر "مسح جميع المهام".
- تحديد حالة المهمة: عند الضغط على الـ checkbox المقابل لأي مهمة، يتم تحديد ما إذا كانت المهمة مكتملة أم لا عن طريق تغيير النص ليتوسطه خط عند اكتمال المهمة.