🎯 Modern Redux Todo App

یک اپلیکیشن Todo List مدرن و حرفه‌ای با طراحی زیبا و responsive که با React و Redux ساخته شده است.

✨ ویژگی‌ها

• ✅ مدیریت تسک‌ها: افزودن، حذف و تغییر وضعیت تسک‌ها
• 📊 داشبورد آمار: نمایش تعداد کل، تکمیل شده و درصد پیشرفت
• 🎨 طراحی مدرن: UI زیبا با Tailwind CSS
• 📱 Responsive: بهینه‌سازی شده برای موبایل و دسکتاپ
• 🎭 انیمیشن‌های نرم: انیمیشن‌های سفارشی و زیبا
• 💾 ذخیره‌سازی خودکار: داده‌ها با Redux Persist ذخیره می‌شوند
• ⌨️ کیبورد شورتکات: فشردن Enter برای افزودن سریع تسک

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

• React - Framework اصلی
• Redux Toolkit - مدیریت state
• Redux Persist - ذخیره‌سازی داده‌ها
• Tailwind CSS - استایل‌دهی مدرن
• Custom Animations - انیمیشن‌های سفارشی

🚀 نصب و اجرا

پیش‌نیازها

• Node.js (نسخه 14 یا بالاتر)
• npm یا yarn

مراحل نصب

1. کلون کردن پروژه

git clone <repository-url>
cd redux-todo

2. نصب dependencies

npm install

3. اجرای پروژه

npm start

4. باز کردن در مرورگر

http://localhost:3000

📱 اسکرین‌شات‌ها

دسکتاپ

• داشبورد آمار با کارت‌های زیبا
• لیست تسک‌ها با انیمیشن‌های نرم
• دکمه‌های تعاملی با hover effects

موبایل

• طراحی responsive و بهینه
• دکمه‌های touch-friendly
• layout مناسب برای صفحات کوچک

🎨 طراحی

رنگ‌بندی

• Primary: آبی و بنفش (gradient)
• Success: سبز
• Warning: نارنجی
• Danger: قرمز
• Neutral: خاکستری

انیمیشن‌ها

• fadeIn: برای ظاهر شدن عناصر
• slideIn/slideOut: برای افزودن/حذف تسک‌ها
• hover effects: برای تعامل کاربر
• scale transforms: برای دکمه‌ها

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

src/
├── components/
│   └── todos/
│       ├── addTodo.js      # کامپوننت افزودن تسک
│       ├── todoItem.js     # کامپوننت آیتم تسک
│       └── index.js        # کامپوننت اصلی لیست
├── store/
│   ├── index.js           # تنظیمات Redux store
│   └── slices/
│       └── todosSlice.js  # Redux slice برای تسک‌ها
├── App.js                 # کامپوننت اصلی
├── index.js              # نقطه ورود
└── index.css             # استایل‌های سفارشی

🔧 اسکریپت‌های موجود

• npm start - اجرای پروژه در حالت development
• npm test - اجرای تست‌ها
• npm run build - ساخت پروژه برای production
• npm run eject - خروج از Create React App

🤝 مشارکت

1. Fork کنید
2. یک branch جدید بسازید (git checkout -b feature/amazing-feature)
3. تغییرات را commit کنید (git commit -m 'Add amazing feature')
4. به branch push کنید (git push origin feature/amazing-feature)
5. یک Pull Request باز کنید

📄 لایسنس

این پروژه تحت لایسنس MIT منتشر شده است.

👨‍💻 توسعه‌دهنده

ساخته شده با ❤️ توسط [DevAmir]

---

نکته: این پروژه برای یادگیری React و Redux طراحی شده و می‌تواند به عنوان پایه‌ای برای پروژه‌های بزرگ‌تر استفاده شود.