Todo list

تطبيق ويب عربي بسيط لإدارة المهام اليومية، بواجهة نظيفة كما في الصورة: بطاقة مركزية تعرض المهام مع أزرار سريعة لكل مهمة ومرشّحات في الأعلى.

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

HTML, CSS, JavaScript

React.js مع MUI لتصميم عناصر متناسقة ومتجاوبة

حفظ البيانات محلياً عبر LocalStorage

المزايا والوظائف

إضافة مهمة جديدة عبر حقل إدخال وزر "إضافة".

عرض المهام في بطاقات واضحة تحمل عنوان المهمة.

عمليات أساسية لكل مهمة:

تعليم كمُنجَزة/غير مُنجَزة.

تعديل عنوان المهمة.

حذف المهمة.

مرشّحات أعلى القائمة لعرض: الكل | المُنجَز | غير المُنجَز.

واجهة عربية بالكامل ودعم RTL.

تمييز بصري للحالة باستخدام أيقونات وألوان مختلفة.

تجربة الاستخدام

تصميم متجاوب يعمل على الجوال والكمبيوتر.

حفظ تلقائي للمهام وحالتها في LocalStorage لاستعادتها عند فتح الموقع لاحقاً.

رسائل تنبيه بسيطة عند الإضافة أو الحذف أو التعديل.

الخلاصة: To‑Do App عربي بواجهة React/MUI مرتبة، يسهّل إضافة وتنظيم ومتابعة المهام مع فلاتر وحفظ محلي للبيانات لتجربة استخدام سلسة.