Task Management App

This task management application helps you organize and prioritize your tasks efficiently. With features like adding, editing, deleting tasks, and visualizing them with drag-and-drop functionality, it's designed to enhance your productivity.

Checkout the application here: https://todo-task-manager-nine.vercel.app/

Features

• Add Tasks: Create tasks with titles, descriptions, priorities, and statuses.
• Edit Tasks: Update the details of an existing task.
• Delete Tasks: Remove tasks that are no longer needed.
• Drag-and-Drop: Organize your tasks by dragging them between different statuses: Added, Started, and Completed.
• Visualization: View tasks in a bar chart based on their due date (coming soon).

Getting Started

To run this application locally, you'll need to have Node.js installed on your computer.

Installation

First, clone the repository to your local machine:

git clone https://github.com/RutvikJogdand/todo-task-manager.git

Then, navigate to the cloned directory:
cd todo-task-manager

Install the necessary dependencies:
npm install

Once the dependencies are installed, you can start the application by running:
npm start

Using the Application

Below are the steps to use the application with visual aids to guide you.

Desktop View:

Mobile View:

Adding a Task

1. Fill in the details in the form, such as the task title, description, due date, and priority.
2. Press the 'Add Task' button to add the task to your list.

Editing a Task

1. Find the task you want to edit in the list.

2. Click the 'Edit' button next to the task.

3. Modify the task's details in the form that appears.

4. Press the 'Update Task' button to save the changes.

   

Deleting a Task

1. Click the 'Delete' button next to the task you wish to remove.

2. A confirmation modal will appear.

3. Confirm the deletion by clicking the 'Confirm Delete' button in the modal.

   

Reorganizing Tasks

1. Click and hold the task card you want to move.

2. Drag the task card to another column based on its status (Added, Started, Completed).

3. Release the task to drop it into the desired column.