bhmweb / تسک-بورد
تسک بورد
# تسکبورد (Kanban Task Manager) یه اپلیکیشن مدیریت وظایف با طراحی گلاسمورفیسم، بدون هیچ فریمورک یا بکاند — فقط HTML/CSS/JS خالص. ## ویژگیها - ✅ سه ستون: برای انجام / …
other
1 دانلود
2026/08/13
فایلها
- README.md
- index.zip
README.md
فارسی
# تسکبورد (Kanban Task Manager)
یه اپلیکیشن مدیریت وظایف با طراحی گلاسمورفیسم، بدون هیچ فریمورک یا بکاند — فقط HTML/CSS/JS خالص.
## ویژگیها
- ✅ سه ستون: برای انجام / در حال انجام / انجامشده
- ✅ Drag & Drop بین ستونها (Native HTML5 Drag API)
- ✅ افزودن، ویرایش و حذف وظیفه (مودال)
- ✅ سطح اولویت (کم / متوسط / بالا) با رنگبندی
- ✅ تاریخ سررسید با نشانگر «نزدیک» و «گذشته»
- ✅ برچسبگذاری (Tags) آزاد برای هر وظیفه
- ✅ جستجوی زنده بین عنوان، توضیحات و برچسبها
- ✅ فیلتر بر اساس اولویت
- ✅ مرتبسازی (جدیدترین / قدیمیترین / سررسید / اولویت)
- ✅ نوار پیشرفت کلی پروژه
- ✅ Undo برای حذف تصادفی (Toast با دکمه بازگردانی)
- ✅ خروجی گرفتن و بازیابی داده بهصورت فایل JSON (بکاپ)
- ✅ شورتکات کیبورد: `N` وظیفه جدید، `/` فوکوس جستجو، `Esc` بستن مودال
- ✅ ذخیرهسازی خودکار در localStorage (بدون داده ماک، شروع کاملاً خالی)
- ✅ تم تیره/روشن + طراحی کاملاً ریسپانسیو و RTL
## چرا این پروژه؟
این پروژه state management، DOM manipulation، event handling، localStorage
persistence، فیلتر/مرتبسازی داده، کار با فایل (File API) و طراحی UI/UX رو
بدون وابستگی به فریمورک نشون میده — یعنی نشون میده جاوااسکریپت خام رو
درست میفهمم، نه فقط syntax یه فریمورک خاص.
## اجرا
فقط `index.html` رو تو مرورگر باز کن، نیازی به build یا npm نیست.
یه اپلیکیشن مدیریت وظایف با طراحی گلاسمورفیسم، بدون هیچ فریمورک یا بکاند — فقط HTML/CSS/JS خالص.
## ویژگیها
- ✅ سه ستون: برای انجام / در حال انجام / انجامشده
- ✅ Drag & Drop بین ستونها (Native HTML5 Drag API)
- ✅ افزودن، ویرایش و حذف وظیفه (مودال)
- ✅ سطح اولویت (کم / متوسط / بالا) با رنگبندی
- ✅ تاریخ سررسید با نشانگر «نزدیک» و «گذشته»
- ✅ برچسبگذاری (Tags) آزاد برای هر وظیفه
- ✅ جستجوی زنده بین عنوان، توضیحات و برچسبها
- ✅ فیلتر بر اساس اولویت
- ✅ مرتبسازی (جدیدترین / قدیمیترین / سررسید / اولویت)
- ✅ نوار پیشرفت کلی پروژه
- ✅ Undo برای حذف تصادفی (Toast با دکمه بازگردانی)
- ✅ خروجی گرفتن و بازیابی داده بهصورت فایل JSON (بکاپ)
- ✅ شورتکات کیبورد: `N` وظیفه جدید، `/` فوکوس جستجو، `Esc` بستن مودال
- ✅ ذخیرهسازی خودکار در localStorage (بدون داده ماک، شروع کاملاً خالی)
- ✅ تم تیره/روشن + طراحی کاملاً ریسپانسیو و RTL
## چرا این پروژه؟
این پروژه state management، DOM manipulation، event handling، localStorage
persistence، فیلتر/مرتبسازی داده، کار با فایل (File API) و طراحی UI/UX رو
بدون وابستگی به فریمورک نشون میده — یعنی نشون میده جاوااسکریپت خام رو
درست میفهمم، نه فقط syntax یه فریمورک خاص.
## اجرا
فقط `index.html` رو تو مرورگر باز کن، نیازی به build یا npm نیست.
نظرات
هنوز نظری نیست.