هذا تطبيق مهام حديث، مُصمم باستخدام React (Vite) وTypeScript، لتوفير تجربة مستخدم سلسة. يتيح التطبيق للمستخدمين إضافة المهام وتعديلها وحذفها ووضع علامة "مكتملة"، مع الاحتفاظ بجميع البيانات في وحدة التخزين المحلية (local-storage)، ما يضمن حفظ المهام حتى بعد تحديث الصفحة.
الميزات الرئيسية:
- عمليات CRUD: إنشاء وقراءة وتحديث وحذف مهام باستخدام وحدة التخزين المحلية للحفاظ على البيانات.
- إدارة المهام: إضافة وحذف وإدارة المهام اليومية بواجهة مستخدم أنيقة.
- تبديل الوضع الداكن/الفاتح: يتضمن زر تبديل بين الوضعين اليلي والنهاري لتحسين سهولة الاستخدام في بيئات مختلفة.
- تصميم متجاوب: متجاوب بالكامل ومُحسّن للأجهزة المحمولة وأجهزة الكمبيوتر.
- تكامل TypeScript: مُصمم باستخدام TypeScript لتحسين موثوقية الكود وسهولة صيانته.
- Tailwind CSS: مُصمم باستخدام Tailwind CSS لتطوير واجهة مستخدم سريعة ومتسقة.
الأدوات والتقنيات:
- React (مع Vite لبناء وتطوير سريع)
- TypeScript
- Tailwind CSS
- JavaScript
- التخزين المحلي(local-storage) (للحالة الدائمة)
يُبرز هذا المشروع مهاراتي في تطوير React، واستخدام TypeScript، والتصميم المخصص باستخدام Tailwind CSS، وإدارة الحالة باستخدام التخزين المحلي، كل ذلك في تطبيق عملي.
رابط الاكواد الخاصه بالمشروع:
https://github.com/khalid-gaber/todo-app
لمعاينه المشروع اضغط علي "رابط العمل" في الاسفل.