یک اپلیکیشن ساده، زیبا و واکنشگرا برای مدیریت کارهای روزانه که با استفاده از HTML، CSS و JavaScript ساخته شده است.
دادهها به صورت محلی (لوکال) در مرورگر ذخیره میشوند و نیازی به بکاند یا پایگاه داده نیست.
- ✏️ قابلیت ویرایش تسکها
- 💾 ذخیرهسازی خودکار تسکها در Local Storage
- 📱 طراحی ساده، زیبا و واکنشگرا
- 🌙 دکمه تغییر تم روشن/تاریک به همراه دکمه سوییچ
- 📊 شمارنده تسکهای انجامشده و کل
- 🎯 فیلتر کردن تسکها (همه، انجامشده، انجامنشده)
- 🔍 نوار جستجو برای یافتن تسکهای به خصوص
- 🔋 قابلیت Progress Bar برای نمایش میزان درصد پیشرفت انجام تسکها
- HTML5
- CSS3 (Flexbox, Gradients)
- Vanilla JavaScript
- Local Storage API
🧠 مفاهیم استفادهشده
-
دستکاری DOM با جاوااسکریپت خام (Vanilla JS)
-
استفاده از API localStorage
-
طراحی با Flexbox و گرادیان
-
رعایت اصول طراحی واکنشگرا (Responsive)
- پروژه را Clone یا دانلود کنید:
git clone https://github.com/KEANU2003/To-Do-List-WebApp
- فایل
index.htmlرا در مرورگر باز کنید. - تمام شد! بدون نیاز به نصب پکیج یا ابزار اضافی.
To-Do-List-WebApp/
│
├── index.html → ساختار اصلی صفحه
├── style.css → استایلها و طراحی ظاهری
├── script.js → منطق و عملکرد اپلیکیشن
├── images/ → آیکونها و تصاویر گرافیکی
│ ├── checked-icon.png
│ ├── unchecked-icon.png
│ └── todolist-icon.svg
└── README.md → راهنمای پروژه
🤝 ارتباط با من
ساختهشده با ❤️ توسط KEANU2003
💬 اگر پیشنهادی دارید یا باگ پیدا کردید، لطفاً issue باز کنید یا pull request بفرستید.
