React Task Management Application with Drag-and-Drop

A simple, interactive Task Management application built with React that supports drag-and-drop task management across three columns: New, Ongoing, and Done. It features task creation, editing, deletion, status updates, time tracking, and smooth user interactions with helpful notifications.

---

Features

• Drag and drop tasks between columns (New, Ongoing, Done) using @hello-pangea/dnd.
• Add new tasks in the New column.
• Edit task title and description inline.
• Delete tasks easily.
• Move tasks left/right between columns using arrow buttons.
• Track time spent on each task from creation until completion.
• Real-time elapsed time display for ongoing tasks.
• Notifications for task actions (add, update, move, delete) using react-toastify.
• Responsive and clean UI with icons from react-icons.

---

Live Link

https://task-management-application-six-delta.vercel.app

---

Installation

1. Clone the repository:

   git clone https://github.com/HelloAyan/task-management-application.git
   

2. Install Project Packages:

   npm install
   

3. Run Project :

   npm run dev