A modern, intuitive task management application for organizing your workflow.
TaskFlow Pro is a powerful and user-friendly To-Do List and Task Management App designed to help individuals and teams stay organized. It supports features like task creation, editing, filtering, drag-and-drop reordering, and persistent storage using local storage.
- ✅ Add, Edit, Delete Tasks
- ✅ Search Tasks (with minimum 3 characters)
- ✅ Filter by Status (New, In Progress)
- ✅ Priority Labels (Low, Medium, High)
- ✅ Drag-and-Drop Reordering
- ✅ Responsive UI with Modern Design
- ✅ Persistent Storage using
localStorage - ✅ Modal for Task Creation/Editing
- React (Functional Components + Hooks)
- CSS (Custom styling with gradients and shadows)
- Local Storage for persistence
- Vite or Create React App for bundling
src/
├── components/
│ ├── Header/
│ │ └── Header.jsx
│ ├── Todo/
│ │ ├── TodoCard.jsx
│ │ └── TodoList.jsx
│ ├── TodoModal/
│ │ └── TodoModal.jsx
│ ├── Pagination/
│ │ └── Pagination.jsx
│ └── hooks/
│ └── useLocalStorage.js
├── App.jsx
├──main.jsx
# Clone the repository
git clone https://github.com/your-username/taskflow-pro.git
# Navigate to the project directory
cd taskflow-pro
# Install dependencies
npm install
# Start the development server
npm run dev- Click Add New Task to create a task.
- Fill in Title, Description, Due Date, and Priority.
- Use Search and Filter to find tasks quickly.
- Drag and drop tasks to reorder them.
- Click Start Progress or Mark Complete to update status.
taskflowpro-ten.vercel.app
This project is licensed under the MIT License.