برمجة موقع To Do List باستخدام HTML5 , CSS3, JS

المشروع عبارة عن تطبيق ويب بسيط لإدارة المهام، حيث يمكن للمستخدمين إدخال أسمائهم، إضافة مهام جديدة، وتنظيمها عبر نظام سحب وإفلات. يتميز التطبيق بإمكانية حفظ المهام حتى بعد إعادة تحميل الصفحة باستخدام Local Storage وايضا يمكنهم حذف المهام .

- وظائف التطبيق

1- إدخال اسم المستخدم وعرضه

2- عند فتح التطبيق، يظهر مربع لإدخال اسم المستخدم.

3- بعد إدخال الاسم، يتم حفظه محليًا، ويظهر في أعلى الصفحة، ويختفي مربع الإدخال.

4- إضافة مهام جديدة

5- يتوفر مربع إدخال للمستخدمين لكتابة المهام وإضافتها إلى قائمة "Not Started".

6- عند إضافة مهمة، تظهر في قائمة "Not Started" بداخل بطاقة صغيرة.

7- إدارة المهام باستخدام السحب والإفلات

8- يمكن للمستخدمين سحب المهام وإفلاتها بين ثلاث قوائم:

Not Started (لم تبدأ بعد)

In Progress (قيد التنفيذ)

Completed (مكتملة)

تساعد هذه الميزة في تنظيم العمل بشكل أكثر فاعلية.

9- تخزين البيانات واسترجاعها

10- يتم حفظ المهام وأماكنها في Local Storage بحيث تظل محفوظة حتى بعد إغلاق المتصفح وإعادة فتحه.

11- عند إعادة تحميل الصفحة، يتم استرجاع جميع المهام كما كانت دون فقدان أي بيانات.

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

HTML5: لإنشاء الهيكل الأساسي للتطبيق.

CSS3: لتصميم واجهة المستخدم وجعلها جذابة وسهلة الاستخدام.

JavaScript: لتنفيذ العمليات التفاعلية مثل إضافة المهام، السحب والإفلات، والتخزين المحلي.

- مميزات إضافية يمكن تطويرها لاحقًا

إمكانية تحديد مواعيد نهائية للمهام.

دعم نظام تسجيل الدخول بحيث يتم تخزين المهام لكل مستخدم بشكل منفصل.

إمكانية إضافة ألوان أو وسوم (Tags) للتمييز بين المهام المختلفة.

دعم وضع ليلي (Dark Mode) لتجربة مستخدم أكثر راحة.

5. الهدف من المشروع

يوفر التطبيق تجربة مستخدم بسيطة وسلسة لتنظيم المهام، مما يساعد المستخدمين في إدارة أعمالهم اليومية بكفاءة. وهو مناسب للاستخدام الشخصي أو لتنظيم العمل الجماعي في المشاريع الصغيرة.