🇬🇧 English

About

Features

• ✅ Offline Support - Works without internet connection
• 📱 Installable - Install on home screen of any device
• 🏷️ Categories - Organize tasks by Work, Personal, Study, Health
• 📊 Priorities - Set task priorities (Low, Normal, High, Urgent)
• 📅 Due Dates - Set and track task deadlines
• 🔍 Smart Search - Find tasks instantly
• 🌙 Dark Mode - Easy on the eyes, day or night
• 📈 Statistics - Track your productivity
• 🔄 Export/Import - Backup your data
• ↩️ Undo Delete - Recover deleted tasks

Live Demo

Installation

1. Open the website in a modern browser (Chrome, Edge, Firefox, Safari)
2. On Desktop: Click the install icon in the address bar
3. On Mobile: Tap "Add to Home Screen" from the menu
4. Enjoy your offline-capable todo app!

Technology Stack

• HTML5 - Semantic markup
• CSS3 - Modern styling with CSS Variables
• JavaScript (ES6+) - Vanilla JS with modern features
• Service Worker - For offline functionality
• Web App Manifest - For PWA installation
• Local Storage - Data persistence

Local Development

Project Structure

todo-app-enhanced/
├── 📄 index.html          # Main application file
├── 📄 styles.css          # Application styles
├── 📄 script.js           # Application logic
├── 📄 manifest.json       # PWA manifest
├── 📄 service-worker.js   # Service worker for offline
├── 📄 sw-register.js      # Service worker registration
├── 📄 robots.txt          # Search engine rules
├── 📄 sitemap.xml         # SEO sitemap
├── 📄 README.md           # This file
├── 📄 .gitignore          # Git ignore rules
├── 📁 icons/              # PWA icons
├── 📁 screenshots/        # App screenshots
└── 📁 offline.html        # Offline fallback page

Lighthouse Score

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Contact

• GitHub: @username
• Email: [your-email@example.com]

🇸🇦 العربية

نبذة عن التطبيق

المميزات

• ✅ دعم العمل بدون إنترنت - يعمل حتى بدون اتصال بالإنترنت
• 📱 قابل للتثبيت - ثبّت على الشاشة الرئيسية لأي جهاز
• 🏷️ تصنيفات - نظّم المهام حسب العمل، الشخصي، الدراسة، الصحة
• 📊 أولويات - حدد أولويات المهام (منخفضة، عادية، مهمة، عاجلة)
• 📅 تواريخ الاستحقاق - حدد وتابع مواعيد الاستحقاق
• 🔍 بحث ذكي - ابحث عن المهام بشكل فوري
• 🌙 الوضع الداكن - سهل على العين ليلاً ونهاراً
• 📈 إحصائيات - تابع إنتاجيتك
• 🔄 تصدير واستيراد - احتفظ بنسخة احتياطية من بياناتك
• ↩️ تراجع عن الحذف - استعد المهام المحذوفة

العرض المباشر

طريقة التثبيت

1. افتح الموقع في متصفح حديث (Chrome, Edge, Firefox, Safari)
2. على الحاسوب: انقر على أيقونة التثبيت في شريط العنوان
3. على الهاتف: اضغط على "أضف إلى الشاشة الرئيسية" من القائمة
4. استمتع بتطبيق المهام الذي يعمل بدون إنترنت!

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

• HTML5 - ترميز دلالي
• CSS3 - تنسيق حديث باستخدام متغيرات CSS
• JavaScript (ES6+) - جافاسكريبت حديث
• Service Worker - للعمل بدون إنترنت
• Web App Manifest - لتطبيقات PWA
• Local Storage - حفظ البيانات

التطوير المحلي

هيكل المشروع

todo-app-enhanced/
├── 📄 index.html          # الملف الرئيسي للتطبيق
├── 📄 styles.css          # تنسيقات التطبيق
├── 📄 script.js           # منطق التطبيق
├── 📄 manifest.json       # ملف بيان التطبيق التقدمي
├── 📄 service-worker.js   # عامل الخدمة للعمل بدون إنترنت
├── 📄 sw-register.js      # تسجيل عامل الخدمة
├── 📄 robots.txt          # قواعد محركات البحث
├── 📄 sitemap.xml         # خريطة الموقع لـ SEO
├── 📄 README.md           # ملف التوثيق
├── 📄 .gitignore          # ملفات التجاهل في Git
├── 📁 icons/              # أيقونات التطبيق التقدمي
├── 📁 screenshots/        # صور التطبيق
└── 📄 offline.html        # صفحة العمل بدون إنترنت

درجة Lighthouse

المساهمة

1. انسخ المشروع (Fork)
2. أنشئ فرعاً جديداً (git checkout -b feature/ميزة) 3.-commit التغييرات (git commit -m 'إضافة ميزة جديدة')
3. ارفع إلى الفرع (git push origin feature/ميزة)
4. افتح طلب سحب (Pull Request)

الترخيص

التواصل

• GitHub: @username
• البريد الإلكتروني: [your-email@example.com]