To-Do List Web Application (Vanilla JavaScript)

? **Project Title: To-Do List Web Application (Vanilla JavaScript)**

? **Project Overview**

A fully functional and interactive To-Do List web application built using pure **HTML, CSS, and Vanilla JavaScript** without relying on external frameworks. The application is designed to help users efficiently manage their daily tasks with a clean interface, smooth interactions, and persistent data storage using Local Storage.

? **Core Features**

* ➕ **Add Tasks بسهولة**: Users can quickly add new tasks through an input field with validation to prevent empty entries.

* ?️ **Delete Tasks**: إمكانية حذف أي مهمة بسهولة بضغطة واحدة.

* ✅ **Mark as Completed**: تغيير حالة المهمة من غير مكتملة (?) إلى مكتملة (❤️) مع تطبيق خط على النص.

* ? **Undo Tasks**: إعادة المهمة إلى حالتها غير المكتملة عند الحاجة.

* ⭐ **Priority System**: تمييز المهام المهمة وتحريكها لأعلى القائمة، مع إمكانية إلغاء التمييز.

? **Data Persistence (Local Storage)**

All tasks are stored locally in the browser using **Local Storage**, ensuring:

* حفظ المهام بعد إعادة تحميل الصفحة

* تخزين حالة كل مهمة (مكتملة / غير مكتملة)

* تخزين حالة الأولوية (مهمة / عادية)

? **User Interface & Design**

* ? تصميم عصري باستخدام **Dark Gradient Background**

* ? تأثير **Glass / Blur (Glassmorphism)** لعرض المهام بشكل جذاب

* ? عرض المهام داخل **Cards منظمة**

* ✨ تأثيرات Hover على الأيقونات لتحسين تجربة المستخدم

* ? تصميم متجاوب يعمل على جميع الأجهزة

? **Technical Implementation**

* HTML5 for structure

* CSS3 for styling and responsive layout

* Vanilla JavaScript for full functionality

* DOM Manipulation for dynamic updates

* Event Handling for user interactions

* Local Storage API for data persistence

? **Advanced / Bonus Features**

* ? Task Counter (Total / Completed / Remaining)

* ? Search Functionality

* ?️ Task Filtering

* ✏️ Edit Tasks

* ? Clear Completed Tasks

* ? Drag & Drop Sorting

* ? Dark / Light Mode

* ⏰ Task Due Dates

* ? Smooth Animations

? **Project Highlights**

* Clean and modular code structure بدون استخدام مكتبات جاهزة

* تطبيق عملي قوي على مفاهيم **JavaScript الأساسية**

* تجربة مستخدم سلسة وسريعة

* قابلية التوسع لإضافة ميزات أكثر مستقبلاً

? **Conclusion**

This project demonstrates strong front-end development skills, especially in building dynamic web applications باستخدام JavaScript فقط، مع التركيز على الأداء وتجربة المستخدم والتصميم الحديث.

? جاهز للتطوير والتخصيص حسب احتياجات أي عميل أو نظام إدارة مهام.