Skip to content

devamir99/redux-todo-list

Repository files navigation

TaskFlow

سیستم مدیریت تسک و پروژه برای تیم‌ها — با داشبورد، کانبان، فیلتر پیشرفته و رابط کاربری فارسی (RTL).

TaskFlow OG

توسعه‌دهنده: Amir Fallahi (DevAmir) · devamir.com


درباره پروژه

TaskFlow یک اپلیکیشن وب برای مدیریت تسک‌های تیمی است. امکانات شامل داشبورد آماری، لیست تسک با اولویت و برچسب، تابلو کانبان، لاگ فعالیت، اعلان‌ها و نقش‌های کاربری است.


قابلیت‌ها

  • Dashboard با آمار (overdue، due today، progress chart)
  • CRUD تسک + اولویت + برچسب + سررسید
  • فیلتر، جستجو، مرتب‌سازی، ویرایش inline
  • Kanban board با drag & drop
  • Activity log + notifications
  • Role-based UI (admin / member)
  • Onboarding tour + dark mode
  • Landing page + responsive layout

Screenshots

Dashboard

Dashboard — آمار، نمودار پیشرفت و آخرین فعالیت‌ها

Tasks

Tasks — مدیریت تسک با فیلتر، اولویت و برچسب

Kanban

Kanban — تابلو drag & drop با سه ستون


Tech Stack

React 18 · Redux Toolkit · Redux Persist · React Router v6 · Tailwind CSS


Quick Start

git clone <repo-url>
cd redux-todo-list
npm install
npm start
Command Description
npm start Development
npm run build Production build
npm run preview Serve build/ locally

Deploy

Vercel: Import repo → Build: npm run build → Output: build
Netlify: Same + public/_redirects for SPA routing


Structure

src/
├── config/          brand, nav, marketing copy
├── components/
│   ├── marketing/   landing sections
│   ├── kanban/      Kanban board
│   └── dashboard/   stats + chart
├── data/            seed data
└── store/slices/    todos, auth, ui

Customize

What File
Brand & contact src/config/demo.config.js
Landing copy src/config/marketing.config.js
Live URL LIVE_DEMO_URL in demo.config.js

Author & Contact

Amir Fallahi (DevAmir) — Backend & Frontend Developer

Website devamir.com
Phone 0920 500 7494
LinkedIn linkedin.com/in/devamir
Telegram @devamir99
Instagram @devamirr
GitHub @devamir99
Email devamir99@gmail.com

License

MIT

About

A simple yet powerful To-Do List application built with React and Redux for state management. This project demonstrates how to manage global state efficiently, handle user interactions, and maintain data consistency across components using Redux’s predictable state container.

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors