Skip to content

KEANU2003/To-Do-List-WebApp

Repository files navigation

📝 اپلیکیشن تحت وب لیست کارها (To-Do List WebApp)

یک اپلیکیشن ساده، زیبا و واکنش‌گرا برای مدیریت کارهای روزانه که با استفاده از HTML، CSS و JavaScript ساخته شده است.
داده‌ها به صورت محلی (لوکال) در مرورگر ذخیره می‌شوند و نیازی به بک‌اند یا پایگاه داده نیست.

📸 پیش‌نمایش

Preview

✨ امکانات

  • ✏️ قابلیت ویرایش تسک‌ها
  • 💾 ذخیره‌سازی خودکار تسک‌ها در Local Storage
  • 📱 طراحی ساده، زیبا و واکنش‌گرا
  • 🌙 دکمه تغییر تم روشن/تاریک به همراه دکمه سوییچ
  • 📊 شمارنده تسک‌های انجام‌شده و کل
  • 🎯 فیلتر کردن تسک‌ها (همه، انجام‌شده، انجام‌نشده)
  • 🔍 نوار جستجو برای یافتن تسک‌های به خصوص
  • 🔋 قابلیت Progress Bar برای نمایش میزان درصد پیشرفت انجام تسک‌ها

💻 تکنولوژی‌ها

  • HTML5
  • CSS3 (Flexbox, Gradients)
  • Vanilla JavaScript
  • Local Storage API

🧠 مفاهیم استفاده‌شده

  • دست‌کاری DOM با جاوااسکریپت خام (Vanilla JS)

  • استفاده از API localStorage

  • طراحی با Flexbox و گرادیان

  • رعایت اصول طراحی واکنش‌گرا (Responsive)

🛠️ نحوه استفاده

  1. پروژه را Clone یا دانلود کنید:
    git clone https://github.com/KEANU2003/To-Do-List-WebApp
  2. فایل index.html را در مرورگر باز کنید.
  3. تمام شد! بدون نیاز به نصب پکیج یا ابزار اضافی.

📁 ساختار پروژه

To-Do-List-WebApp/
│
├── index.html → ساختار اصلی صفحه
├── style.css → استایل‌ها و طراحی ظاهری
├── script.js → منطق و عملکرد اپلیکیشن
├── images/ → آیکون‌ها و تصاویر گرافیکی
│ ├── checked-icon.png
│ ├── unchecked-icon.png
│ └── todolist-icon.svg
└── README.md → راهنمای پروژه

⚖️ لایسنس

MIT License


🤝 ارتباط با من

ساخته‌شده با ❤️ توسط KEANU2003

💬 اگر پیشنهادی دارید یا باگ پیدا کردید، لطفاً issue باز کنید یا pull request بفرستید.

About

Responsive To-Do List WebApp With Local Storage

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published