موقع ويب بسيط لتتبع المهام اليومية باستخدام HTML, CSS, و JavaScript مع دعم كامل للغة العربية واتجاه الكتابة من اليمين لليسار.
- ✅ إضافة مهمة: إنشاء مهمة جديدة مع طابع زمني تلقائي بتنسيق
YYYY:MM:DD:HH:MM:SS - ✏️ تعديل مهمة: تعديل نص المهمة بالنقر المزدوج أو عبر زر التعديل
- 🗑️ حذف مهمة: إزالة مهمة فردية عبر زر سلة المهملات
- 🧹 إفراغ القائمة: زر لمسح جميع المهام دفعة واحدة مع نافذة تأكيد
- 📊 فرز المهام: ترتيب حسب الحالة أو تاريخ الإنشاء (أقدم ↔ أحدث)
- 🔍 بحث فوري: شريط بحث يرشح المهام لحظياً أثناء الكتابة
- ✅ تمييز الحالة: زران سريعان للتمييز: "تم إنجازها اليوم" (أخضر) أو "لم تُنجز" (أحمر)
- 📈 إحصائيات حية: عدادات فورية تعرض:
- إجمالي المهام
- المهام المُنجزة
- المهام غير المُنجزة
- 🕒 ساعة رقمية حية: ساعة أعلى الصفحة تتحدث كل ثانية
- 📱 تصميم متجاوب: تخطيط مرن يعمل على الهواتف والأجهزة المكتبية
- 🌙 وضع داكن/فاتح: تبديل بين الثيمين لجعل التصفح مريحاً
- 🔔 تنبيهات تفاعلية: رسائل نجاح/خطأ عابرة مع تأثيرات خفيفة
- ✨ مؤثرات انتقال: حركات سلسة عند إضافة، حذف أو تحديث المهام
- 🌍 دعم RTL كامل: اتجاه الكتابة من اليمين لليسار للعربية
- 💾 حفظ تلقائي: استخدام localStorage للاحتفاظ بالبيانات بين الجلسات
- ⌨️ اختصارات لوحة المفاتيح:
Ctrl+N: إضافة مهمة جديدةCtrl+F: البحث في المهامCtrl+Shift+D: تبديل الثيم
tasks/
├── index.html # الهيكل الأساسي للتطبيق
├── style.css # التصميم والتنسيق
├── script.js # الوظائف والمنطق
└── README.md # وثائق التطبيق
-
إضافة مهمة جديدة:
- اكتب نص المهمة في الحقل المخصص
- اضغط على زر "إضافة" أو اضغط Enter
-
إدارة المهام:
- انقر على أيقونة ✅ لتمييز المهمة كمُنجزة
- انقر على أيقونة ✏️ لتعديل نص المهمة
- انقر على أيقونة 🗑️ لحذف المهمة
-
البحث والفرز:
- استخدم شريط البحث للعثور على مهام معينة
- استخدم قائمة الفرز لترتيب المهام
-
الإجراءات السريعة:
- "تم إنجازها اليوم": تمييز جميع المهام كمُنجزة
- "لم تُنجز": تمييز جميع المهام كغير مُنجزة
- "مسح الكل": حذف جميع المهام
-
تغيير الثيم:
- انقر على أيقونة 🌙/☀️ في أعلى الصفحة لتبديل الثيم
- متصفح ويب حديث يدعم:
- HTML5
- CSS3 (Grid, Flexbox, CSS Variables)
- JavaScript ES6+
- localStorage API
- تنسيق الوقت: جميع الأوقات بتنسيق
YYYY:MM:DD:HH:MM:SS - حفظ تلقائي: لا تحتاج للحفظ يدوياً، كل شيء يُحفظ تلقائياً
- تجربة مستخدم محسنة: تأثيرات انتقال سلسة وتغذية راجعة فورية
- دعم كامل للعربية: جميع النصوص والواجهات باللغة العربية
يمكنك تخصيص التطبيق من خلال:
- تعديل متغيرات CSS في
:rootلتغيير الألوان - إضافة ميزات جديدة في
script.js - تعديل تخطيط الصفحة في
index.html
- ✅ Chrome 60+
- ✅ Firefox 55+
- ✅ Safari 12+
- ✅ Edge 79+
- ✅ الأجهزة المحمولة (iOS/Android)
هذا المشروع مجاني ومفتوح المصدر للاستخدام الشخصي والتجاري.
تم تطوير هذا التطبيق لتوفير تجربة سهلة وفعالة لإدارة المهام اليومية باللغة العربية. 🚀